CSS-HACK

王十四兄

已于 2023-01-02 10:45:25 修改

阅读量326

点赞数 1

分类专栏： css 文章标签： css html 前端 web css3

于 2022-11-21 14:10:53 首次发布

本文链接：https://blog.csdn.net/weixin_64933233/article/details/127963696

版权

css 专栏收录该内容

44 篇文章 1 订阅

订阅专栏

文章目录

CSS-HACK

CSS-HACK

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
      * html body {
        background-color: #bfa;
      /* _background-color: yellow;*/
      /*
      *  *background-color: yellow;
      */
      /* background-color: yellow\0; */
      }
    </style>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <!--[if IE 6]>
      <link rel="stylesheet" type="text/css" href="css/style-ie8.css" />
    <![endif]-->
  </head>
  <body>
    <!--以下内容只会出现在IE6中-->
    <!--[if IE 6]>
      <p>为了您和家人的身体健康，请远离IE6！！！</p>
    <![endif]-->

    <!--[if IE 8]>
      <p>当前浏览器是IE8</p>
    <![endif]-->

    <!--[if lt IE 9]>
      <p>该标签会在IE9以下的浏览器中显示</p>
    <![endif]-->

    <!--[if ! IE 6]>
      <p>你的浏览器不是IE6</p>
    <![endif]-->
  </body>
</html>

请添加图片描述

1. 说明

有一些情况有特殊的代码只需要在某些特殊的浏览器中执行
- 而在其他的浏览器中不需要执行，这时就可以使用 CSS Hack 来解决该问题
CSS Hack 实际上指的就是一个特殊的代码，这段代码只在某些特殊的浏览器中可以识别
- 而其他浏览器不能识别，通过这种方式，来为一些浏览器设置特殊的代码
条件 Hack，条件 Hack 只对 IE 浏览器有效，其他的浏览器都会将它识别为注释
- IE10 及以上的浏览器已经不支持这种方式

2. css-hack

<!--[if IE 6]>
  <link rel="stylesheet" type="text/css" href="css/style-ie8.css" />
<![endif]-->

3. 条件 hack

<!--以下内容只会出现在IE6中-->
<!--[if IE 6]>
  <p>为了您和家人的身体健康，请远离IE6！！！</p>
<![endif]-->

<!--[if IE 8]>
  <p>当前浏览器是IE8</p>
<![endif]-->

<!--[if lt IE 9]>
  <p>该标签会在IE9以下的浏览器中显示</p>
<![endif]-->

<!--[if ! IE 6]>
  <p>你的浏览器不是IE6</p>
<![endif]-->