你知道如何解决IE6 IE7 IE8 CSS兼容性吗,这里和大家分享一下微软官方推荐的方案,相信本文介绍一定会让你有所收获。
IE7 IE8 CSS兼容性***解决方案--微软官方推荐的方案
所有的网页制作者都希望自己做出了的网页可以***的兼容所有主流的浏览器,包括IE6,IE7,IE8,Firefox,Opera,Safari,Chrome等等!但我们做网页制作的也要符合中国国情来做工作。所以我一般只会考虑IE6,IE7,Friefox这3个浏览器!这几个浏览器都有自己专用的CSSHACK,让我们很好的完成兼容工作。而IE8已经更新到beta2版本了,但是有关IE8HACK的方法在网上还是搜索不到!现在就和大家分享这个非CSS的IE8HACK吧!
由于IE8默认情况下使用它***的“标准模式”来显示网页,所以当使用IE8浏览网页是,可能会遇到以下问题:
◆网页布局不整齐
◆文本或图像重叠
◆JavaScript功能有问题或错误
而微软官方公布的IE8HACK就是在网页head部分里面添加特定元标记,强制IE8像IE7一样呈现网页。
<metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
- 1.
- 2.
以下示例显示了以每个页面为基础的情况下此IE7兼容性模式标记的用法:
以下是代码片段:
<html>
<head>
<!--UseIE7mode-->
<metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
<title>MyWebPage</title>
</head>
<body>
<p>Contentgoeshere.</p>
</body>
</html>
/*/*cssstyle*/只被ie8识别
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
【编辑推荐】
- 十个不被IE6支持的实用CSS属性
- 微软展示IE9浏览器 力推IE8将取代IE6市场
- 探究IE和Firefox下的2款HTTP调试工具用法
- Firefox和IE浏览器清除缓存方法揭秘
- 实现IE6、IE7、IE8多版本浏览器共存的五种方法