`

ie兼容性

 
阅读更多

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;

}

备注：单给浏览器设定的样式在用开发工具查看时是看不到的，别费劲找了！

分享到：
| 用百分比设置图片的高宽
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics