原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
DIVCSS设计时IE6IE7FireFox与兼容性有关的特性
第一篇 DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性?? ^ @?? x/ W5 i3 G. N/ R 4 |1 q) x6 z7 f! |# e?? a 在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网站，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网页可能出现意料之外的效果！ R) b5 f: S+ G 7 s6 C6 ^( k0 } z% P例子：$ ^. _$ S8 ]# f9 e3 ^. o3 t
* R! x) y8 r. R/ ?+ n4 R# }) n7 {
所有浏览器 通用 height: 100px; ?? F/ P- j7 B+ [ N?? Q9 U r w
IE6 专用 _height: 100px; 2 w+ W5 N4 g# J
IE6 专用 *height: 100px;+ ^/ H8 {1 s% z2 ^9 S. \
IE7 专用 *+height: 100px;( Y5 v) K8 k2 {* ^5 r n1 T
IE7、FF 共用 height: 100px !important;# \; V8 y O6 k2 b I0 F
6 s C. R, V J# K. E7 h v I2 e9 y- ? 一、CSS 兼容2 e$ \; r$ |4 ?% }9 [5 s 8 B+ D0 P0 C/ q 以下两种方法几乎能解决现今所有兼容. V1 F, S5 p# h x5 R3 @% p 0 q# x* O?? b* `2 A 1, !important (不是很推荐，用下面的一种感觉最安全) $ a/ I+ h9 C6 Y }5 W* S 8 |1 e1 }: t% D A 随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.【石墨粉】e #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } /style 2, IE6/IE77对FireFox from 针对firefox ie6 ie7的css样式 3 r8 n# j0 R% e 0 n ^0 [- U7 g3 y+ p *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. style #wrapper { width: 120px; } /* FireFox */ *html #wrapper { width: 80px;} /* ie6 fixed */ *+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */ /style 注意：*+html 对IE7的兼容 必须保证HTML顶部有如下声明： !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd 二、万能 float 闭合 (非常重要) * V) y( N3 h, ~/ F- F3 D( u $ z3 B) l2 l$ {- B 可以用这个解决多个div对齐时的间距不对，将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽. style /* Clear Fix */ .clearfix:after { content:.; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* end of clearfix */ /style 三、其他兼容技巧 (相当有用) ?? s3 I; f9 T( b4 \( _. Z9 f j2 m( I e; K 1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决) ; x+ T0 t; f/ e1 `5 D3 D 0 v: i3 k7 r2 e 2, 居中问题. $ Y7 W; n8 T5 F- _0 E j+ F8 Y0 S - P4 h+ U5 j$ c?? @5 v ^9 k) v* U:
文档评论（0）