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

推荐订阅源

H
Help Net Security
博客园 - Franky
GbyAI
GbyAI
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
爱范儿
爱范儿
IT之家
IT之家
酷 壳 – CoolShell
酷 壳 – CoolShell
aimingoo的专栏
aimingoo的专栏
博客园_首页
MongoDB | Blog
MongoDB | Blog
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
Recent Announcements
Recent Announcements
Scott Helme
Scott Helme
有赞技术团队
有赞技术团队
M
MIT News - Artificial intelligence
C
CERT Recently Published Vulnerability Notes
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
Jina AI
Jina AI
F
Fortinet All Blogs
N
Netflix TechBlog - Medium
L
LangChain Blog
L
LINUX DO - 最新话题
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
H
Hacker News: Front Page
MyScale Blog
MyScale Blog
P
Palo Alto Networks Blog
G
Google Developers Blog
Google DeepMind News
Google DeepMind News
AI
AI
T
Troy Hunt's Blog
Microsoft Azure Blog
Microsoft Azure Blog
阮一峰的网络日志
阮一峰的网络日志
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Vercel News
Vercel News
Microsoft Security Blog
Microsoft Security Blog
罗磊的独立博客
S
Secure Thoughts
大猫的无限游戏
大猫的无限游戏
博客园 - 叶小钗
人人都是产品经理
人人都是产品经理
Blog — PlanetScale
Blog — PlanetScale
博客园 - 司徒正美
Apple Machine Learning Research
Apple Machine Learning Research
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 三生石上(FineUI控件)
S
Security @ Cisco Blogs
Cloudbric
Cloudbric
E
Exploit-DB.com RSS Feed
Attack and Defense Labs
Attack and Defense Labs

博客园 - 黑色泥土

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中调试通过。