浏览器兼容性调试

浏览器兼容性调试-IE CSS HACK

IE CSS HACK

针对不同版本的,IE浏览器的,CSS兼容性调试语法:
尽可能少用对CSS Hack
使用需要加HTML文档声明<!DOCTYPE html> 否则无效

IE f12,切换 浏览器模式测试。
(注:IE浏览器f12切换IE不同版本只在IE10下支持,所以推荐安装IE10,IE11可以卸载更新补丁回退IE10)
如果控制台看不到但任务栏里有显示。将鼠标放在任务栏的开发人员工具上,出现一片透明的区域,。将鼠标移动到开发人员工具的缩略图上,右键-最大化,或者是右键-移动,然后手动调整窗口大小。

属性级HACK(常用)
.test{
background:#f00; /*所有浏览器*/
*background:#0f0; /*ie6,ie7*/
_background:#f00; /*ie6*/
}


条件HACK

IE条件注释语句(复杂调试推荐使用)
语句为HTML代码,非CSS代码
适用版本:IE6-9,其他IE版本不支持本调试语句
<!--[if IE 6]>
<link rel="stylesheet" href="ie6.css">
<style>div{color:#f00;}</style>
<script src="ie6.js"></script>
<![endif]-->

全部条件:if条件共包含6种选择方式:是、非、大于、大于等于、小于、小于等于

如果是ie
<!--[if IE]><![endif]-->

如果是ie7
<!--[if IE 7]><![endif]-->

如果大于ie7
<!--[if gt IE 7]><![endif]-->

如果大于等于ie7
<!--[if gte IE 7]><![endif]-->

如果小于ie7
<!--[if lt IE 7]><![endif]-->

如果小于等于ie7
<!--[if lte IE 7]><![endif]-->

如果不是ie7
<!--[if ! IE 7]><![endif]-->

 

posted @ 2016-07-12 14:26  学习呗!  阅读(553)  评论(0编辑  收藏  举报