您的位置:首页 > Web前端 > CSS

css hack小小总结

2012-05-09 00:00 204 查看
css hack是指各个浏览器及其版本对css解析后生成效果差异。
css hack主要解决浏览器有IE6、IE7、IE8、chrome、Firefox、Safari、Opera,其他浏览器就
不用解决了,一般都是基于上面内核的,而且使用比例比较少。
对于IE浏览器:

<style>
div{
width:400px;
height:400px;
background-color:red;
background-color:blue\9;      /*所有IE*/
background-color:yellow\0;  /*IE8 hack*/
_background-color:#CDCDCD; /* ie 6*/
*+html background-color:white; /*仅IE7*/
*background-color:pink;  /*IE6 IE7 hack*/
@background-color:white;  /*opera hack*/

}
</style>
<div>php点点通-关注php开发,提供专业php教程<div>

对于Firefox:

*:lang(lang) selector { property:value !important; }

用伪类lang(语言)再加上!important进行定义的话,目前只有Firefox可以识别.
对于Safari:

selector:empty { property:value !important; }

用伪类empty再加上!important进行定义的话,目前只有Safari可以识别.
对于Opera:

@media all and (min-width: 0px){ selector { property:value; } }

利用特殊继承法进行定义的话,目前只有Opera可以识别.
最后附上一张css hack表格:


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: