61,115
社区成员
发帖
与我相关
我的任务
分享IE6到底是要整哪样？我已经没办法了！
<!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下正常。
...全文
请发表友善的回复…
发表回复
JPF1024 2012-08-07
- 打赏
- 举报
http://www.busfly.net/post/CSS-IE6-IE7-FF.html
推荐一个。。。囧、、、
推荐一个。。。囧、、、
xiaomeimei_2011 2012-08-06
- 打赏
- 举报
我看是在ie6下那个宽度改成982px就可以了，也是一种方法~
loveuit1219 2012-08-06
- 打赏
- 举报
IE6下浮动换行的 情况 大多数时候可以通过设置宽度解决
fozzainter 2012-08-03
- 打赏
- 举报
这个的确挺囧的。。
bing475879749 2012-08-03
- 打赏
- 举报
唉，自己解决了，在前面两张图片上加个span标签套起就好了
谁来接分吧
谁来接分吧
