CSS Hack

比眉伴天荒 2022-05-15 06:47 308阅读 0赞

一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。

如果是做一个大型web网站,就一定会考虑到浏览器兼容的问题。不同的浏览器因为其内核不同所以对应的可以解析到的CSS写法也是不同的。

▍条件注释法

只在IE下生效

只在IE6下生效

只在IE6以上版本生效

只在IE8上不生效

非IE浏览器生效

▍属性前缀法






























前缀 浏览器
-moz- Mozilla内核浏览器:firefox3.5+
-webkit- Webkit内核浏览器:Safari and Chrome、Opera新版
-o- Opera浏览器早期
-ms- IE9
无前缀 W3C标准

【注意】这些前缀并不是所有属性都需要的,但是带上也不会有危害。

【重要】不带前缀的版本一定要放在带前缀的版本的后面。

▍示例

  1. .test{
  2. -moz-border-radius: 10px;
  3. -webkit-border-radius: 10px;
  4. -o-border-radius: 10px;
  5. -ms-border-radius: 10px;
  6. border-radius: 10px;
  7. }

发表评论

表情:
评论列表 (有 0 条评论,308人围观)

还没有评论,来说两句吧...

相关阅读

    相关 css hack

    CSS hack方式一:条件注释法   这种方式是IE浏览器专有的Hack方式,微软官方推荐使用的hack方式。举例如下 只在IE下生效 <!--[

    相关 css hack

    一、CSS  hack是什么? CSS  hack是通过在css样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(不同的浏览器识别的符号是有不同的标准的,CSS hac

    相关 CSS Hack

    一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。   如果是做一个大型web网站,就一定会考虑到浏览器兼容的问题。不同的浏览器因为其内核不同所以对应的可以