CSS Hack的工作原理是什么
时间:2011-08-15
来源:互联网
CSS Hack的原理是什么
由于不同的浏览器对CSS的支持及解析结果不一样,还由于css中的优先级、浏览器读取识别不同符合的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS-这样就制造了CSS HACK。
比如:IE6能识别下划线"_"和星号"*",IE7能识别星号"*",但不能识别下划线"_",而firefox两个都不能认识。
这样我们刚好可以利用CSS读取顺序原理,来达到IE6\IE7\火狐三者读取不同CSS样式
代码:
.divcss5{
float:left; border:1px solid #F00; height:20px;
width:100px; /* 只有火狐能读取 */
*width:150px;/* IE7与IE6能读取 */
_width:200px;/* IE6能读取 */
}
这样的CSS代码写法,将会实现在IE6\IE7\火狐浏览器之间显示宽度不同。
更细解释就不说了,只需您自己亲自实践,琢磨琢磨,得出结论可以跟贴,支持支持
CSS hack运用时注意:
1、书写顺序
2、认识各浏览器读取与识别符合
3、多实践
补充知识:
什么是CSS Hack?
由于不同的浏览器,比如InternetExplorer6(IE6),InternetExplorer7(IE7),MozillaFirefox(火狐)等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。
这个针对不同的浏览器写不同的CSS code的过程,就叫CSS Hack,也叫写CSS Hack。
由于不同的浏览器对CSS的支持及解析结果不一样,还由于css中的优先级、浏览器读取识别不同符合的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS-这样就制造了CSS HACK。
比如:IE6能识别下划线"_"和星号"*",IE7能识别星号"*",但不能识别下划线"_",而firefox两个都不能认识。
这样我们刚好可以利用CSS读取顺序原理,来达到IE6\IE7\火狐三者读取不同CSS样式
代码:
.divcss5{
float:left; border:1px solid #F00; height:20px;
width:100px; /* 只有火狐能读取 */
*width:150px;/* IE7与IE6能读取 */
_width:200px;/* IE6能读取 */
}
这样的CSS代码写法,将会实现在IE6\IE7\火狐浏览器之间显示宽度不同。
更细解释就不说了,只需您自己亲自实践,琢磨琢磨,得出结论可以跟贴,支持支持
CSS hack运用时注意:
1、书写顺序
2、认识各浏览器读取与识别符合
3、多实践
补充知识:
什么是CSS Hack?
由于不同的浏览器,比如InternetExplorer6(IE6),InternetExplorer7(IE7),MozillaFirefox(火狐)等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。
这个针对不同的浏览器写不同的CSS code的过程,就叫CSS Hack,也叫写CSS Hack。
作者: zwzsw11 发布时间: 2011-08-15
浏览器的渲染方式是不一样的,就是根据CSS得出显示效果的算法不一样。
浏览器兼容就是你要同时让他们都正确理解你的意思,就比如对一个东北人和广东人说一句话,让他们都能听懂。而你说一句东北人听懂的广东人听不懂了,这不就是hack?
浏览器兼容就是你要同时让他们都正确理解你的意思,就比如对一个东北人和广东人说一句话,让他们都能听懂。而你说一句东北人听懂的广东人听不懂了,这不就是hack?
作者: KongHuLu 发布时间: 2011-08-15
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28