惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

I
InfoQ
博客园_首页
美团技术团队
M
MIT News - Artificial intelligence
人人都是产品经理
人人都是产品经理
Blog — PlanetScale
Blog — PlanetScale
H
Help Net Security
J
Java Code Geeks
T
Tailwind CSS Blog
Jina AI
Jina AI
量子位
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
G
Google Developers Blog
爱范儿
爱范儿
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
宝玉的分享
宝玉的分享
小众软件
小众软件
MongoDB | Blog
MongoDB | Blog
博客园 - 三生石上(FineUI控件)
L
LangChain Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
V
Visual Studio Blog
博客园 - Franky
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知

博客园 - 黑色泥土

FSO操作指南 将网站全部下载下来的ASP代码 ASP生成静态页面的方法 Javascript操作Excel总结 移除节点时候IE与FireFox的不同 Javascript的IE和Firefox兼容性汇编 添加数据要顺着来,删除数据要反着去。 无法打开本地安全策略的症状及解决 CSS中渐变背景的使用以及注意事项 指定CodePage类型,强制解决数据库查询乱码问题 使用UL 列表结构建立横向导航栏需要注意的问题 页面刷新方法汇总 制作一个漂亮的提示框 网页CSS样式表设计十条技巧 IE与FireFox对CSS支持不足问题汇总之二 IE与Firefox的CSS兼容大全 浩方平台暗藏木马! IE与FireFox对CSS支持不足问题汇总之一 FireFox网页布局时候内容需自动换行时float属性不起作用
IE中子栏目使用float属性后背景不能正常显示原因及解决
黑色泥土 · 2007-05-24 · via 博客园 - 黑色泥土

IE浏览器对于CSS的支持很不完整,如下代码,在FireFox能够正常显示出背景,但是在IE中却不可以。 
HTML:
          <div class="titlebody">
            <div class="cqsub">
              <div class="cqsubtitle">培养方案</div>
           </div>
            <div class="cqsub">
              <div class="cqsubtitle">学籍指导</div>
            </div>
          </div>

CSS:
.cqsub{
 width:50%;
 float:left;
}
.titlebody{
 background-image:url('../img/subb.jpg');
 background-repeat:repeat-y;
}

由于在cqsub类中使用了float:left;属性,而IE在使用这个属性的时候,如果没有定义上层的高度,在计算的时候会出现错误,导致定义的背景图片不能显示。

解决方法:在.titlebody中添加height:1px;的定义,迫使IE浏览器重新计算其高度,从而正常显示背景。但是此时FireFox中会老老实实地采用高度为1px的定义,这显然有问题的。因此还必须使用CSS Hack方法,添加代码:[xmlns] .titlebody{
 height:auto;
}

这行代码只能由FireFox解释,对IE6.0及以下版本完全透明,从而达到兼容的目的。

以上代码在FireFox,IE6.0,DreamWeaver8中调试通过。