美文网首页
2.2 CSS Hack

2.2 CSS Hack

作者: 柒月柒日晴7 | 来源:发表于2017-06-06 23:48 被阅读0次

条件hack

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

(1)是否:

指定是否IE或IE某个版本。关键字:空

<!--[if IE 9]>

<![endif-->]

(2)大于:

选择大于指定版本的IE版本。关键字:gt(greater than)

<!--[if gt IE 9]>

<![endif-->]

(3)大于或等于:

选择大于或等于指定版本的IE版本。关键字:gte(greater than or equal)

<!--[if gte IE 9]>

<![endif-->]

(4)小于:

选择小于指定版本的IE版本。关键字:lt(less than)

<!--[if lt IE9]>

<![endif-->]

(5)小于或等于:

选择小于或等于指定版本的IE版本。关键字:lte(less than or equal)

<!--[if lte IE 9]>

<![end if-->]

(6)非指定版本:选择除指定版本外的所有IE版本。关键字:!

<version>

目前的常用IE版本为6.0及以上,推荐酌情忽略低版本,把精力花在为使用高级浏览器

的用户提供更好的体验上

属性hack

_:

选择IE6及以下。连接线(中划线)(-)亦可使用,为了避免与某些带中划线的属性混淆,所以使用下划线(_)更为合适。

*:

选择IE7及以下。诸如:(+)与(#)之类的均可使用,不过业界对(*)的认知度更高

\9:

选择IE6+

\0:

选择IE8+和Opera15以下的浏览器

.test {

color: #c30;          /* For latest Firefox, chrome, Safari */

color: #090\0;        /* For Opera15- */

color: #00f\9;        /* For IE8+ */

*color: #f00;        /* For IE7 */

_color: #ff0;        /* For

相关文章

  • 2.2 CSS Hack

    条件hack if条件共包含6种选择方式:是否、大于、大于或等于、小于、小于或等于、非指定版本 (1)是否: 指定...

  • CSS hack 原理

    参考文章: CSS hack大全&详解(什么是CSS hack) 要点总结: css hack 原理是:依据不同浏...

  • 20-IE6浏览器兼容

    CSS Hack 什么是CSS Hack?针对IE的不同版本设置不同的CSS属性, 我们就称之为CSS Hack ...

  • CSS部分属性的IE兼容

    CSS-Hack 什么是CSS Hack?针对IE的不同版本设置不同的CSS属性, 我们就称之为CSS Hack ...

  • 浏览器兼容

    什么是 CSS hack CSS hack就是使你的CSS代码兼容不同的浏览器。CSS hack大致有3种表现形式...

  • HTML2

    1、ie6png的修复 2、CSS Hack常见的有三种形式:CSS属性Hack、CSS选择符Hack以及IE条件...

  • 前端面试总结(七)

    1.什么是CSS Hack? 一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。IE浏览器Hack...

  • 浏览器兼容

    CSS hack CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mo...

  • 浏览器兼容简要了解

    CSS HACK CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mo...

  • 浏览器兼容问题

    什么是 CSS hack CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safar...

网友评论

      本文标题:2.2 CSS Hack

      本文链接:https://www.haomeiwen.com/subject/coanfxtx.html