IE6和Ie7的兼容问题
我是新手,最近遇到一个ie6和ie7的兼容问题,麻烦大侠们帮帮小弟吧,我的扣扣是707961361,可以详谈,因为css太长,页面内容也有点长,这里简要提一下吧,一个cs...
我是新手,最近遇到一个ie6和ie7的兼容问题,麻烦大侠们帮帮小弟吧
,我的扣扣是707961361,可以详谈,因为css太长,页面内容也有点长,这里简要提一下吧,一个css重写问题,还有一个就是我在span里放了两张图片重叠,按照height:100%百分比来控制第张图片显示的高度。Ps:第一张图片是相对定位的,第二张图片是绝对定位的,ie7以及其他浏览器都能正常显示,唯独ie6最大只能显示70%郁闷,我设置了80%和100%,还是显示70%的长度。下面是代码:
#ytcontainer #ytcontent #ytleft #leftcontent .dllist .cent ul li .ytpic .ytsign{
width:18px;
height:69px;
background: url(../../images/restaurantCommon/sign_h.gif) no-repeat;
display:inline-block;
position:relative;
}
#ytcontainer #ytcontent #ytleft #leftcontent .dllist .cent ul li .ytpic .ytsign span{
width:18px;
height:auto;
background: url(../../images/restaurantCommon/sign.gif) no-repeat;
display:inline-block;
text-indent:-999px;
position:absolute;
top:0px;
left:0px;
}
html:
<!--cent-->
<div class="cent">
<ul>
<li><div class="ytcent">100</div></li>
<li>
<div class="ytcent">50</div>
<div class="ytpic">
<span class="ytsign"><span style="height:50%">50</span></span>
</div>
</li>
<li>
<div class="ytcent">100</div>
<div class="ytpic">
<span class="ytsign"><span style="height:0%">100</span></span>
</div>
</li>
<li>
<div class="ytcent">70</div>
<div class="ytpic">
<span class="ytsign"><span style="height:30%">70</span></span>
</div>
</li>
</ul>
</div>
<!--cent_end--> 展开
,我的扣扣是707961361,可以详谈,因为css太长,页面内容也有点长,这里简要提一下吧,一个css重写问题,还有一个就是我在span里放了两张图片重叠,按照height:100%百分比来控制第张图片显示的高度。Ps:第一张图片是相对定位的,第二张图片是绝对定位的,ie7以及其他浏览器都能正常显示,唯独ie6最大只能显示70%郁闷,我设置了80%和100%,还是显示70%的长度。下面是代码:
#ytcontainer #ytcontent #ytleft #leftcontent .dllist .cent ul li .ytpic .ytsign{
width:18px;
height:69px;
background: url(../../images/restaurantCommon/sign_h.gif) no-repeat;
display:inline-block;
position:relative;
}
#ytcontainer #ytcontent #ytleft #leftcontent .dllist .cent ul li .ytpic .ytsign span{
width:18px;
height:auto;
background: url(../../images/restaurantCommon/sign.gif) no-repeat;
display:inline-block;
text-indent:-999px;
position:absolute;
top:0px;
left:0px;
}
html:
<!--cent-->
<div class="cent">
<ul>
<li><div class="ytcent">100</div></li>
<li>
<div class="ytcent">50</div>
<div class="ytpic">
<span class="ytsign"><span style="height:50%">50</span></span>
</div>
</li>
<li>
<div class="ytcent">100</div>
<div class="ytpic">
<span class="ytsign"><span style="height:0%">100</span></span>
</div>
</li>
<li>
<div class="ytcent">70</div>
<div class="ytpic">
<span class="ytsign"><span style="height:30%">70</span></span>
</div>
</li>
</ul>
</div>
<!--cent_end--> 展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询