ITPub博客

首页 > IT职业 > IT职场 > [干货]前端必会:CSS hack技术与浏览器兼容

[干货]前端必会:CSS hack技术与浏览器兼容

IT职场 作者:ebrain68 时间:2021-09-09 10:30:23 0 删除 编辑

什么是 CSS hack

由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如IE6和IE7,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。

因此,我们需要针对不同的浏览器去写不同的CSS,让它能在不同的浏览器中也能得到我们想要的页面效果。

针对不同的浏览器/不同版本写相应的CSS代码的过程,叫做CSS Hack

常用的CSS hack技术

1.属性前缀法(即类内部Hack)

例如 IE6能识别下划线_和星号*,IE7能识别星号*,但不能识别下划线_,IE6~IE10都认识9,但firefox前述三个都不能认识

/* CSS属性级Hack */ 
color:red; /* 所有浏览器可识别*/ 
_color:red; /* 仅IE6 识别 */ 
*color:red; /* IE6、IE7 识别 */ 
+color:red; /* IE6、IE7 识别 */ 
*+color:red; /* IE6、IE7 识别 */ 
[color:red; /* IE6、IE7 识别 */ 
color:red9; /* IE6、IE7、IE8、IE9 识别 */ 
color:red

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2920/viewspace-2822875/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: flutter与native通信
请登录后发表评论 登录
全部评论

注册时间:2019-08-13

  • 博文量
    68
  • 访问量
    449