css hack小小总结
2012-05-09 00:00
204 查看
css hack是指各个浏览器及其版本对css解析后生成效果差异。
css hack主要解决浏览器有IE6、IE7、IE8、chrome、Firefox、Safari、Opera,其他浏览器就
不用解决了,一般都是基于上面内核的,而且使用比例比较少。
对于IE浏览器:
对于Firefox:
用伪类lang(语言)再加上!important进行定义的话,目前只有Firefox可以识别.
对于Safari:
用伪类empty再加上!important进行定义的话,目前只有Safari可以识别.
对于Opera:
利用特殊继承法进行定义的话,目前只有Opera可以识别.
最后附上一张css hack表格:
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表格:
相关文章推荐
- iOS开发之面对对象的三大特征小小总结
- git入门命令学习(自己的一点小小的总结)
- CSS Hack代码与浏览兼容总结
- 2015年三月,小小的总结
- 对A盾原理的小小总结,膜拜A神
- 侧滑菜单的一点小小的总结
- ThinkPHP小小的经验总结
- CSS Hack 学习与总结
- 排序算法小小总结
- Visual Studio 快捷键小小总结
- css hack 学习总结
- 【总结】IE6,IE7,IE8,Firefox兼容的css hack 补充!
- 小小总结————JavaScript总结
- 小小总结之输入确认
- 个人使用JSPatch的一些小小总结
- mina之小小总结(标准的菜鸟级别,行家勿入)
- 结对编程项目总结以及一些小小的体会
- MFC和ATL版本小小总结
- Css hack总结及其最佳用法,告诉你怎么运用hack,无懈可击的解决各个浏览器的样式兼容
- 小小的总结