首页 > 技术文章 > 京东ie6中轮播模块小图出现在大图上

chenche 2013-09-29 23:23 原文

请大家给个评论,给个支持!呵呵

 

本人最新一套模版小清新童装母婴日韩风全屏轮播(上线风暴),在审核时审核失败,报的是“ie6中全屏海报轮播是小图出现在大图中间的兼容性错误

而本人本机出现的是小图基本上都没了,但是官方使用的是原生的ie6。

经过本人一番查询,请教,特此记录解决方案

还要参照我上一篇博文《Html Css Position

我的代码使用的是模版默认轮播功能修改的,所以有使用相同方法的童鞋,跟着我做就可以解决了

因为position:absolute定位在IE6下存在left和bottom的定位错误问题,ie6中postion定位会根据父元素的变化而变化,

所以我们要找到小图的父元素,也就是大图的父元素 class为mc的div层,我们将mc层设置成图片轮播是传过来的宽和高,

这样ie6就不会将小图tab切换层的父元素区别错误!

大家记住:ie6的position绝对定位absolute的left横向错误,则给父节点添加宽度或zoom=1(触发layout,这个不太理解什么意思!O(∩_∩)O~)

        同理:ie6的position绝对定位absolute的bottom横向错误,则给父节点添加高度或zoom=1

具体做法是:

    给class='mc' 的一层添加高度$height和宽度$width

推荐阅读