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>
   

 

 

posted @ 2013-03-22 15:01  木子的紫微星  阅读(273)  评论(2编辑  收藏  举报