温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何解决IE7和IE8的CSS兼容性BUG

发布时间:2021-11-10 22:54:08 来源:亿速云 阅读:98 作者:柒染 栏目:web开发

这篇文章给大家介绍如何解决IE7和IE8的CSS兼容性BUG,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

CSS兼容:如何解决IE7和IE8的BUG

CSS兼容问题已经是CSS网页布局技术中的重要组成部分,也让广大的CSSer大为头疼,虽然52CSS.com介绍过不少相关的知识与技巧,但是随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注。

在以前的文章中52CSS.com向大家说明,IE8会是福音还是又一个光环据称全面兼容标准。

今天向大家介绍如何解决IE7和IE8的兼容性问题。

微软在IE8提供三种解析页面的模式

◆IE8StandardModes:默认的最标准的模式,严格按照W3C相关规定

◆IE7StandardsModes:IE7现在用的解析网页的模式,开起机关是在<head>中加入<metahttp-equiv="X-UA-Compatible"content="IE=7">

◆QuirksModes:IE5用的解析网页的模式,开起机关是删除HTML顶部的DOCTYPE声明

注意:不同模式间的网页在IE8中可以互相frame,因此因不会模式下的DOM和CSS渲染不一样,所以会引发很多问题,务必注意如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题,此代码如下:

ExampleSourceCode

<metahttp-equivmetahttp-equiv="x-ua-compatible"content="ie=7"/>

◆IE8***csshack:

"\9" 例:"margin:0pxauto\9;".这里的"\9"可以区别所有IE和FireFox.

"*" IE6、IE7可以识别.IE8、FireFox不能.

"_" IE6可以识别"_",IE7、IE8、FireFox不能.

关于如何解决IE7和IE8的CSS兼容性BUG就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI