I have built a slider which expands to fit the window, and have #prev and #next pager buttons (which are highlighted in green). As the slider changes size I need to have these buttons positioned with a top margin as a percentage value. This is fine in Firefox but in Chrome and IE it doesn't read this margin. If I put it as a px value it works fine but obviously doesn't adjust to fit the slider size. Please advise...
问问题
1512 次
2 回答
2
Chris，您可以定期修改top值，而不是定期更改margin-top值。
由于您已将两个按钮定位为绝对按钮，因此最好使用 left 和 top 值而不是边距 - 坦率地说，因为一旦您可以自由使用 left、top、right、bottm 值，边距就没有多大意义CSS。
希望这对您有所帮助。我尝试在 Chrome 和 FF 中删除边距，之后它们看起来都一样。一旦你到达这个位置，你就可以修改最高值。
于 2012-07-13T14:39:39.297 回答
1
您可以尝试绝对定位按钮，“顶部”值为 50%，然后是按钮高度的负边距顶部（以像素为单位）。
如果您将按钮设置为相对较小且不会改变的固定尺寸，那么这将是可行的。
这似乎是 Flexi-SLider 的工作原理，也是目前领先的响应式滑块之一。
于 2012-07-13T14:36:52.437 回答