飞龙博客

feilong.org 前端开发教程

ie6 IE7 IE8 多浏览器css兼容写法

飞龙修订于 20110818 06:51 171 次浏览

ie6 IE7 IE8 多浏览器css 写法

在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!

/* 所有浏览器 通用*/

height: 100px;

/* IE6 专用 */

_height: 100px;

/* IE6 专用 */

*height: 100px;

/* IE7 专用 */

*+height: 100px;

/* IE7、FF 共用 */

height: 100px !important;

/* IE8专用 */

height: 100px\9;

一、CSS 兼容

以下两种方法几乎能解决现今 所有兼容.

1, !important (不是很推荐,用下面的一种感觉最安全)

随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)

#wrapper {

width: 100px!important; /* IE7+FF */

width: 80px; /* IE6 */

}

2, IE6/IE77对FireFox

*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.

#wrapper { width: 120px; } /* FireFox */

*html #wrapper { width: 80px;} /* ie6 fixed */

*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */

注意......

付费查看剩下内容

网址:https://feilong.org/ie7-ie8-ie6-firefox-css-hack
初发:20110818 06:51

想学前端?长按二维码加我微信

想学前端?点击飞龙QQ

分类: 网站开发

新作:

旧文:

  • 言色和悦对父母
    有无相通待亲友
关闭

长按二维码 -> 识别图中二维码

打开微信,发现,扫一扫

支付完成后,点击下一步

感谢大力支持

然后你手机号:

最后点这,稍等即可