微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css中怎么给ie6 加特殊

在css中,我们常常需要为IE6这个老旧的浏览器单独加入一些特殊的样式。为了让IE6与其他现代浏览器的效果更接近,需要针对IE6进行一些hack。

/* 第一步:避免对IE6进行错误解析 */
*html{
  padding-bottom: 0; /*修复ie6下的div无法撑起外边距的问题*/
}
 
/* 第二步:消失 IE 下的下划线 */
a{
  text-decoration: none; /*除去链接的下划线*/
  outline:none; /*去除链接的虚线边框*/
}
a:hover{
  text-decoration: none;
  outline:none;
}
 
/* 第三步:IE hack 外补丁 */
#Box{
  margin:20px;}/*对大多数浏览器生效*/

* html #Box{
  height:20px; /*针对IE6加外补丁*/
  w\idth:20px; /*针对IE6修正宽度*/
  margin-top:-10px; /* 对IE6加拉回的效果*/
  margin-left:-10px;/* 对IE6加拉回的效果*/
}

/*第四步:在css里写表达式*/
width: expression(document.compatMode==="CSS1Compat"? (document.documentElement.clientWidth 

css中怎么给ie6 加特殊

以上是一些常见的针对IE6的hack方法,可以帮助我们更好的解决IE6兼容问题,让网页在所有浏览器中都呈现出正确的效果

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。