例如:
1、
margin属性在ie6中显示的距离会比其他浏览器中显示的距离宽2倍,也就是说margin-left:20px;
在ie6中距左侧对象的实际显示距离是40px,而在非ie6中显示的距左侧对象的距离是设置的值20px;所以要想设置一个对象距离左侧对象的距离在所有浏览器中都显示是20px的宽度的样式应为:.kwstu{margin-left:20px;_margin-left:20px;}
2、kwstu{background:green;/*forfirefox*/width:300px;_width:200px;}
,一般浏览器会先给元素使用width:300px;的样式,紧接着后面还有个_width:200px;由于下划线_width只有IE6可以识别,所以此样式在IE6中实际设置对象的宽度为200px,后面的把前面的给覆盖了,而其他浏览器不识别_width不会执行_width:200px;这句样式,所以在其他浏览器中设置对象的宽度就是300px。
3、比如要分辨IE6和firefox两种浏览器,可以这样写:
div {background:green;/*forfirefox*/*background:red;/*forIE6*/(bothIE6&&IE7)}
偶在IE6中看到是红色的,在firefox中看到是绿色的。
以下是引自百度百科的定义:
CSShack由于不同厂商的浏览器,比如InternetExplorer,Safari,MozillaFirefox,Chrome等,或者是同一厂商的浏览器的不同版本,如IE6和IE7,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到大家所需要的页面效果。这个时候大家就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到大家想要的页面效果。简单的说,CSShack的目的就是使你的CSS代码兼容不同的浏览器。当然,大家也可以反过来利用CSShack为不同版本的浏览器定制编写不同的CSS效果。
注意:大家通常主要考虑的浏览器有IE6、IE7、IE8、谷歌浏览器(chrome)、火狐(Mozilla Firefox)即可,至于大家常用的傲游、QQ的TT浏览器是用你计算机中装的系统自带浏览器的内核,所以只需要兼容以上浏览器即可兼容TT傲游浏览器。