滑动窗特效的一个兼容性问题

滑动窗特效的一个兼容性问题

作者:LAMP小白  点击:2831  发布日期:2012-10-19 11:58:00  返回列表
还是项目里面遇见的一个问题,滑动效果火狐有用 IE谷歌就傻了

HTML代码
mio_lt;div class="goodsScroll"mio_gt;
    mio_lt;ul id="goodsLeftVal" style="left:0px;"mio_gt;
        mio_lt;limio_gt;...mio_lt;/limio_gt;
        mio_lt;limio_gt;...mio_lt;/limio_gt;
        mio_lt;limio_gt;...mio_lt;/limio_gt;
        mio_lt;limio_gt;...mio_lt;/limio_gt;
    mio_lt;/ulmio_gt;
mio_lt;/divmio_gt;


外部窗口的CSS
width: 500px;
position: relative;
height: 260px;
overflow: hidden;
float: left;


内部UL的CSS

list-style: none;
height: 160px;
width: 2000px;
line-height: 260px;
position: absolute;
user agent stylesheetul, menu, dir {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

火狐好使,但是IE,谷歌都不好使,看了一下发现是animate没有发挥作用,导致LEFT属性没有被更改.

于是为UL定义一个初始化参数 LEFT:0PX就搞定啦!


上一篇:rotation和简易动画 下一篇:快递查询API
0