转http://www.aa25.cn/special/css_hack/index.shtml
什么是CSS hack?
由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。
这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack。
CSS Hack的原理是什么
由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。
比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",而firefox两个都不能认识。等等
书写顺序,一般是将识别能力强的浏览器的CSS写在后面。下面如何写里面说得更详细些。
如何写CSS Hack
比如要分辨IE6和firefox两种浏览器,可以这样写:
<style>
div{
background:green; /* for firefox */
*background:red; /* for IE6 */
}
</style>
我在IE6中看到是红色的,在firefox中看到是绿色的。
- 浏览:0 评论:0ie6 png 透明的解决方法,大网站都在用
- 浏览:10429 评论:0用js实现css3效果的圆角方法
- 浏览:11803 评论:0让IE6、IE7、IE8支持CSS3的圆角、阴影样式
- 浏览:40379 评论:7更简洁的 CSS 清理浮动方式
- 浏览:34624 评论:382010全面兼容IE6/IE7/IE8/FF的CSS HACK写法
- 浏览:68077 评论:36完美兼容ie6,ie7,ie8以及firefox的css透明滤镜
- 浏览:11322 评论:5img图片元素下多余空白解决方案
- 浏览:18200 评论:14最全的CSS浏览器兼容问题
- 浏览:6950 评论:3css hack 区分ie6.0 ie7.0 firesox的各种写法
- 浏览:5687 评论:3CSS HACK和浏览器兼容解决方法
- 浏览:4619 评论:1IE6下清除容器内图片下方的空隙
- 浏览:4357 评论:0IE断头台问题的解决办法
- 浏览:15115 评论:7国外高人写的HTC方式PNG图片背景透明可加链接的方法
- 浏览:10536 评论:1解决ie7以下浏览器PNG图片背景不透明且链接失效的办法
- 浏览:15860 评论:0DIV+CSS网页布局技巧实例19:用css hack针对IE的优化
- 浏览:5767 评论:0css浮动边距加倍错误(双倍边距BUG)的解决办法
- 浏览:14113 评论:4CSS Hack 汇总快查
- 浏览:8700 评论:4网页标准设计的福音:在同一电脑上安装IE5 IE5.5 IE6 IE7