CSS Hack

作者: consolelog | 来源:发表于2019-08-05 16:19 被阅读0次

解决浏览器兼容问题(主要兼容IE浏览器)

  1. 属性级hack
    在css属性名前或者除css属性值后加上一些特殊的标识,以便不同浏览器支持
  • _下划线:选择IE6及以下
  • *:选择IE7及以下
  • \09:选择IE8+
  • \0:选择IE8+和opera15以下的浏览器
_color:red;/*只有在IE6以下显示红色字体*/
  1. 选择级Hack
    gt 大于
    gte 大于等于
    le 小于
    lte 小于等于
  • *html:IE6及更早的浏览器
*html .box {background:red;}/*只有在IE6以下显示红色*/
  1. 条件Hack
  • 只有在IE中可以看到
<!-- [if IE]>
    <p>只有在IE中才能看到我<p>
<![endif]-->
  • 只有IE6以上,才能看到红色文本
<!-- [if gt IE]>
<style>
.test{color:red;}
</style>
<![endif]-->

注意:IE10及以上版本已经将条件注释特性移出

  1. !important
    有些特殊情况需要为某一些样式设置具有最有权值,可以使用!important来解决。!inportant优先级高于行内样式。

相关文章

  • 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...

  • 浏览器兼容问题

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

网友评论

      本文标题:CSS Hack

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