css条件Hack属性

时间 2019-11-19

标签 css 条件 hack 属性栏目 CSS 繁體版

原文原文链接

<!--[if IE]>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <p>只在IE浏览器显示</p>
    </body>
</html>
<![endif]-->

此段代码只能在IE浏览器里面显示效果以下：html

好比火狐谷歌就没法使用效果以下：浏览器

谷歌里面就没法显示此段代码用于解决浏览器兼容问题！less

条件Hack定义和用法

<!--[if <keywords>? IE <version>?]>
HTML代码块
<![endif]-->

条件Hack属性值

<keywords>

if条件共包含6种选择方式：是否、大于、大于或等于、小于、小于或等于、非指定版本spa

是否：: 指定是否IE或IE某个版本。关键字：空
大于：: 选择大于指定版本的IE版本。关键字：gt（greater than）
大于或等于：: 选择大于或等于指定版本的IE版本。关键字：gte（greater than or equal）
小于：: 选择小于指定版本的IE版本。关键字：lt（less than）
小于或等于：: 选择小于或等于指定版本的IE版本。关键字：lte（less than or equal）
非指定版本：: 选择除指定版本外的全部IE版本。关键字：!

<version>

目前的经常使用IE版本为6.0及以上，推荐酌情忽略低版本，把精力花在为使用高级浏览器的用户提供更好的体验上3d

条件Hack说明

用于选择IE浏览器及IE的不一样版本

if条件Hack是HTML级别的（包含但不只是CSS的Hack，能够选择任何HTML代码块）

1. CSS属性级Hack
2. Css if hack条件语法
3. firefox 专属css hack
4. css hack hack
5. CSS content 属性 CSS counter-increment 属性 CSS counter-reset 属性
6. CSS之CSS hack
7. css兼容性前缀：css的hack
8. 浏览器专属的CSS Hack
9. 区分IE8 、IE9 的专属css hack
10. CSS Hack
更多相关文章...
• Rust 条件语句 - RUST 教程
• Swift 条件语句 - Swift 教程
• JDK13 GA发布：5大特性解读
• 互联网组织的未来：剖析GitHub员工的任性之源