ie兼容性

最新推荐文章于 2025-08-15 14:33:45 发布

mmww1024

最新推荐文章于 2025-08-15 14:33:45 发布

阅读量114

点赞数

CC 4.0 BY-SA版权

分类专栏：兼容性文章标签：开发工具

本文链接：https://blog.youkuaiyun.com/mmww1024/article/details/84469077

兼容性专栏收录该内容

10 篇文章

订阅专栏

1、兼容透明度

filter:alpha(opacity=30)

上面的CSS使用专用的filter属性来设置IE6-8透明度。对于IE6和IE7需要注意：为了使得透明设置生效，元素必须是“有布局”。一个元素可以通过使用一些CSS属性来使其被布局，有如width 和 position。

另外一个设置IE8的CSS透明度的方法语法如下（注意注释中指出的版本）：

#ceng {

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);/* 在IE6, IE7和IE8下有效 */

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /*仅在IE8下有效 */

}

2、“\9″ 只在IE6/IE7/IE8/IE9/IE10下生效

“\0” 只在 IE8/IE9/IE10下生效

“\9\0”只在IE9/IE10下生效

eg:width:100px\9;

故目前如果需要只针对ie8的hack，可先使用在IE8/IE9/IE10生效的“\0”,再用仅在IE9/IE10生效的“\9\0”hack覆盖之前的样式。

如

selector{
color:#000;
color:#F00\0;   /* only for IE8&IE9&IE10 */
color:#000\9\0; /* only for IE9&IE10 */
}

3.<metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>
把这段代码放到<head>里面，在IE8里面的页面解析起来就跟IE7一模一样的了，所以，基本上可以无视IE8，剩下的代码只需要这样写就可以了
1. background:#ffc;/*对firefox有效*/
2. *background:#ccc;/*对IE7有效*/
3. _background:#000;/*只对IE6有效*/

4. 页面的最小宽度

min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把 width当做最小宽度来使。我们可以这样解决：

#container{

min-width: 600px;

_width:600px;

}