负边际没有产生预期效果

时间:2014-10-19 11:44:52

标签: css slider margin

我刚刚将一个滑块插入到一个站点中,在包装器div上具有-13px的负上边距,使得它略微位于半透明白色条(具有更高z-index)的下方,而在Opera中看起来很好。

然而在Firefox,IE和Chrome中,负边距似乎没有效果,半透明白条只显示背后的白色背景,如果我删除“overflow:hidden;”从包装div开始,滑块向上移动,但这会打破实际的滑块,将滑块重新定位在屏幕中间等等。

滑块是革命滑块插件,这是一个Wordpress网站(虽然没有在Wordpress stackoverflow网站上发布这个问题,因为它与Wordpress核心功能无关,只是我认为的CSS问题?)。

滑块可以在这里看到:http://tinyurl.com/qjumkt8

1 个答案:

答案 0 :(得分:0)

感谢@webkit的解决方案,我还设法通过更改overflow:hidden滑动包装器和子div上的隐藏来实现它的工作,但webkit的解决方案更加简单。