IE8下滚动图片下面的文字错位，跑到图片的上面，IE6,7,FF显示正常_html/css_WEB-ITnose
程序员文章站
2022-05-28 09:57:50
...
.project{ width:943px; height:190px; background-color:Aqua; float:left; background-image:url(images/zt_73.jpg); background-repeat:no-repeat; background-position:1px top; margin-top:20px; display:inline; padding-left:5px; display:inline;}.project_more{height:25px; text-align:right; padding-top:35px; display:inline; width:925px; float:left;}.project ul li{ float:left; width:120px; height:140px; margin:0px 10px; display:inline;}.project ul li a img{ width:90px; height:110px; padding:2px; border:solid 1px #dadada;}.project ul li span{ width:120px; height:30px; float:left; text-align:center; line-height:30px;} 调了半天，也没调出来，滚动图片下的文字总是在图片的上面显示，而且还错一位，IE6,7,FF都显示正常。（IE6显示文字的时候，文字在正确的位置，但只显示一半文字）
谢谢
回复讨论(解决方案)
没有见到有这样的写法的：
- 。。。。
你的布局有严重的问题，要么，直接用- (中间不要套用其它的元素)
- ，要么，就直接用表格table
找到问题原因了，
IMAGE 元素没有设置 BLOCK ，
它后面的 SPAN 与它显示出问题。
把 IMAGE 中上 display:block；恢复正常。
唉，研究了3天多，才解决。问题解决了是小问题，，你的布局才是大问题。。建议也改改布局吧，养成好习惯
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频
专题推荐
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习
作者信息 -
- ，要么，就直接用表格table
| |
下一篇： Access使用宏控制程序
网友评论
文明上网理性发言，请遵守 新闻评论服务协议
我要评论