css无法正确在IE7.0下显示正确。如何解决？

显示全部楼层 · 2008-9-4 12:07:07

我些了段CSS，可在IE6.0下正常显示，可到了IE7.0就不正常了。请高手修改一下，谢谢
.box{
width:595px;
}
.box .ld{
width: 100px;
float: left;
}
}
}
.box .ld img{
height: 80px;
width: 106px;
margin-right: 10px;
border: 1px #008000 solid;
outline-color: #fd0902;
border: 1px dashed #cccccc;filter: grays;
}
.box .ld a{
color: #000000;
text-decoration: none;
left: 50px;
bottom: 15px;
margin-top: 20px;
margin-right: 0;
}
问题补充：[url=]
[img][/img]
[/url][url=]宝瓶口[/url]
[url=]
[img][/img]
[/url][url=]玉女峰[/url]
解决了在送200分！
感谢一楼的，麻烦能不能直接给出修改好的，谢谢，改好了再加200分！
感谢，问题是解决了，但是图片与图片之间的间距却在IE7下不再了，每张都挨着的！

千问 · 2008-9-4 12:07:07

你的CSS代码里有三个问题： 1、.box .ld img选择符缺少定义display: block;因为img元素默认是内联元素，对它定义大小是无效的。所以必须改为块状显示。 2、.box .ld a选择符缺少定义display: block;因为a元素也默认是内联元素，你在它里面插入图片问题就出来了。因为在IE6的内联元素内插入比自己本身大的元素会自适应，所以你的图片插在内联元素a内也能自动变为图片的大小。但这是不规范的，所以在IE7及标准浏览器里是不允许的，只有块状元素才能自适应大小，所以你在IE7里必须把a改为块状显示才能有效果。 3、在.box .ld选择符下面多了两个空的大括号}},也许是你太着急大意了吧...