IE6兼容性问题(文字溢出和图片repeat)
(1)IE6中像素问题:
IE6 :
火狐:
解决方法:加repeat-x
.align{
width:1920px;
height:3px;
background:url(../image/line_blue.jpg) repeat-x;
margin-bottom:20px;
}
附 line_blue.jpg (1px *3px)
(2) IE6中解决文字下掉问题 :
解决方法:只需去掉注释,根据以下的源代码
即 去掉 <!------图片滚动----->
或者 改成 <!--[if !IE]>图片滚动<![endif]-->
就可以了
附 源代码:
<!------图片滚动----->
<div id="Trend_picture">
<div class="pic_biaoti"></div>
<div class="pic_content">
<marquee direction="left">
<ul>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
<li><a href="#"><img src="image/pic_ce.jpg" /></a><span>花岩溪之行</span></li>
</ul>
</marquee>
</div>
</div>