模仿七格格首页宽幅轮播广告遇到的兼容问题

宽幅轮播海报效果震撼大气,采用绝对定位的方法,在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

posted @ 2012-04-01 11:58  淘宝SDK模版开发  阅读(922)  评论(0编辑  收藏  举报