常用的浏览器兼容CSS写法

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：css教程 @media

常用的CSS Hack浏览器兼容写法有以下几种：1. 条件注释法，使用``包裹需要兼容的代码；2. 属性前缀法，为不同浏览器添加不同的属性前缀，如`-webkit-`、`-moz-`、`-ms-`等；3. 选择器优先级法，利用CSS选择器的优先级来覆盖某些样式；4. !important法，为某些样式添加`!important`关键字，提高其优先级。这些方法可以帮助开发者在不同浏览器中实现更好的兼容性。

都是菜鸡源码自用CSSHack写法，随着浏览器的不断更新。目前来说，CSSHack也基本用不到了，大部分浏览器兼容性都很高了。

CSSHack写法

background-color:#000000;[所有识别]background-color:#0000009;[IE识别]*background-color:#000000;[IE6、7识别]_background-color:#000000;[IE6识别]@-moz-documenturl-prefix(){background-color:#000000;}[火狐识别]@mediascreenand(-webkit-min-device-pixel-ratio:0){background-color:#000000;}[Webkit识别]@mediaalland(-webkit-min-device-pixel-ratio:10000),notandall(-webkit-min-device-pixel-ratio:0){background-color:#000000;}[Opera识别]

HTML内置写法

<!--[ifIE]>此内容只有IE可见<![endif]--><!--[ifIE6.0]>此内容只有IE6.0可见<![endif]--><!--[if!IE]>此内容除了IE之外都可见<![endif]--><!--[if!IE5.0]>此内容除了IE5.0之外都可见<![endif]--><!--[ifgtIE6.0]>此内容IE6.0以上版本都可见<![endif]-->

相关专题