网页制作中完美解决IE兼容模式问题

发布时间:2024-08-03 点击:46
ie浏览器从ie8开始添加了兼容模式,开启后会以低版本的ie进行渲染。兼容模式有可能会导致网页显示出问题,于是我们通常在html中添加下列代码来使 ie 使用固定的渲染模式:
复制代码代码如下:
<metahttp-equiv=x-ua-compatiblecontent=ie=8><!--以ie8模式渲染--><metahttp-equiv=x-ua-compatiblecontent=ie=7><!--以ie7模式渲染-->
还 有一种情况,在ie8下只有不使用兼容模式页面才能显示正常,但是如果设定为ie8的模式,在ie9中却会导致css3失效。看来,需要针对 ie8、ie9 分别 禁用兼容模式。怎么办呢?可以在后台判断浏览器版本,如果是ie8就输出content=ie=8,如果是ie9就输出 content=ie=9。其实还可以单纯通过html来实现的,html代码如下:
复制代码代码如下:
<metahttp-equiv=x-ua-compatiblecontent=ie=9; ie=8; ie=7; ie=edge>
经测试后完美解决了兼容模式问题,这样设置后ie中设置兼容模式的按钮也会消失,可以按f12打开“开发人员工具”来检查浏览器模式。


云南昆明网站建设都需要准备哪些设计制作材料
小程序直播是传统线下门店转型线上渠道的大杀器!
顺义实体店小程序开发的好处
如何编写在搜索引擎上有排名的网站内容
移动网站建设更多优势
企业一定要多听听专业的网站建设公司的建议 切勿固执己见
做网络营销推广关键的制胜点在哪里?99%的人不知道
网站设计模板有哪五个方面的核心原则呢