首页 > 代码库 > CSS浏览器兼容----IE的定制CSS样式
CSS浏览器兼容----IE的定制CSS样式
#条件声明(在另一篇文章中已有详细讲解说明了),也是解决IE兼容性最常用的方法
<!--[if IE 8]><style type="text/css"> /* css for IE 8 */</style><![endif]--><!--[if lt IE 8]> <link href="http://www.mamicode.com/ie7.css" rel="stylesheet" type="text/css" /><![endif]-->
#对于不同版本的IE相应的CSS规则,也是一种可选择的方式。
IE8及或下版本:添加9(\9)属性后
IE7或以下版本:添加属性前添加*
IE6:属性前添加_
.box { background: gray; /* standard */ background: pink\9; /* IE 8 and below */ *background: green; /* IE 7 and below */ _background: blue; /* IE 6 */}
#条件声明里面,添加<html>的Class:
这种方法是Paul Irish发明的,使用相应的IE class作为父类例如:
.ie6 .box
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]--><!--[if IE 7 ]> <html class="ie7"> <![endif]--><!--[if IE 8 ]> <html class="ie8"> <![endif]--><!--[if IE 9 ]> <html class="ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
<style type="text/css">body { background: #efefef; font: 1em/1.5em Arial, Helvetica, sans-serif; color: #666; width: 80%; margin: 20px auto;}a { color: #F60;}.box { color: #fff; padding: 5px 20px; background: gray; }.ie8 .box { background: pink;}.ie7 .box { background: green;}.ie6 .box { background: blue;}</style>
#下面是显示结果不同IE下的一个例子:
VIEW DEMOIE Specific
CSS浏览器兼容----IE的定制CSS样式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。