在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
以上是一些常见的针对IE6的hack方法,可以帮助我们更好的解决IE6兼容问题,让网页在所有浏览器中都呈现出正确的效果。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。