来源:自学PHP网 时间:2015-02-05 11:34 作者: 阅读:次
[导读] 网页中设置了"bottom"这个div框,该框内没有内容,只有在css中设置其背景为一张图片,再设置高度为10px。在FF、Safari等浏览器上完全正常,然而,在IE上出现图片repeat的现象。...
网页中设置了"bottom"这个div框,该框内没有内容,只有在css中设置其背景为一张图片,再设置高度为10px。在FF、Safari等浏览器上完全正常,然而,在IE上出现图片repeat的现象。
复制代码 代码如下:<div class="content"> <div class="title"></div> <div class="body"> ... </div> <div class="bottom"></div> </div> 经搜索得知,原来IE规定div框的高度必须高于该框的字体高度。而在网页中设置的高度默认是12px。因此设置div高度为10px必然会失效。 解决方法很简单,就是将该div的字体的size设置为0,这样div设置的高度就正常工作了,网页也恢复正常。 PS:该问题目前已找到新的解决办法,就是在页面代码最顶端增加一句表示支持W3C标准的语句,详见笔者另一篇文章:编写Web前端代码的注意事项 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com