日期:2014-05-17  浏览次数:20631 次

IE6到底是要整哪样?我已经没办法了!
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
<style type="text/css">
*{ margin:0; padding:0;}
img{ border:none;}
.picbox{ float:left; width:980px;}
.picbox a{float:left; border:1px solid #FFF;margin:5px 3px 0 2px; display:inline; white-space:nowrap;}
.picbox a:hover{ border-color:#CCC;}
</style>
</head>

<body>
<div class="picbox">
    <a href="" target="_blank" style="float:right"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="244" height="419" /></a>
    <a href="" target="_blank" style="float:right"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="479" height="206" /></a>
    <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a>
    <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a>
    <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a>
    <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a>
</div>
</body>
</html>


考滤到程序调用问题,前面两张和后面四张图片必须是连续的
也就是说不改变图片顺序,只改动CSS,让IE6下正常。

------解决方案--------------------
这个的确挺囧的。。
------解决方案--------------------
IE6下浮动换行的 情况 大多数时候可以通过设置宽度解决
------解决方案--------------------
我看是在ie6下那个宽度改成982px就可以了,也是一种方法~
------解决方案--------------------
http://www.busfly.net/post/CSS-IE6-IE7-FF.html

推荐一个。。。囧、、、