chrome& amp;的百分比保证金问题IE

时间:2012-07-13 14:30:45

标签: css percentage

我已经构建了一个可以展开以适应窗口的滑块,并且有#prev#next个寻呼机按钮(以绿色突出显示)。当滑块改变大小时,我需要将这些按钮定位为上边距作为百分比值。这在Firefox中很好,但在Chrome和IE中它没有读取此边距。如果我把它作为px值,它工作正常,但显然不适应滑块大小。请指教......

http://subzerostudio.com/Clients/perkinreveller/index.html

2 个答案:

答案 0 :(得分:2)

Chris,而不是定期更改 margin-top 值,您可以定期修改 top 值。

由于您已将两个按钮定位为绝对按钮,因此最好使用左侧和顶部值而不是边距 - 坦率地说,一旦您可以自由使用左侧,顶部,右侧,边距就没有多大意义CSS中的Bottm值。

希望这会对你有所帮助。我尝试删除Chrome和FF中的边距,之后它们看起来都一样。到达此位置后,您可以修改顶部值。

答案 1 :(得分:1)

你可以尝试绝对定位按钮的“顶部”值为50%,然后是按钮的像素高度的负边距。

如果你使按钮的尺寸相对较小而不会改变,那么这将是可行的。

这似乎是Flexi-SLider的工作原理,也是那里领先的响应滑块之一。

http://flexslider.woothemes.com/