模仿七格格首页宽幅轮播广告遇到的兼容问题
宽幅轮播海报效果震撼大气,采用绝对定位的方法,在ie9之下可以正常显示,但是在ff下被950截住了,花了几个小时时间查找原因,发现只要添加一句代码即可解决:
.tshop-pbsm-ssd10c .shop-custom .bd, .tshop-pbsm-ssd10s .shop-custom .bd,.tshop-pbsm-sfb10c .shop-custom .bd,.tshop-pbsm-sfd10c .shop-custom .bd, .shop-custom .bd, .grid-m0 .main-wrap,.grid-m .main-wrap {
overflow: visible;
}
css代码释义:
语法:
overflow : visible | auto | hidden | scroll
参数:
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
由此获得高层级控制释放原来对950宽度隐藏的限制,关于层级解释:
http://bbs.zx.taobao.com/read.php?tid=10509