CSS19. 条件Hack&&属性Hack

最新推荐文章于 2022-07-19 16:06:31 发布

时光无错孤独难谈

最新推荐文章于 2022-07-19 16:06:31 发布

阅读量127

点赞数

分类专栏： html5 && css

本文链接：https://blog.csdn.net/qq_43745403/article/details/104332169

版权

html5 && css 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <style type="text/css">
            .box1{
                width: 100px;
                height: 100px;
                background-color: #bfa;
                /* 
                    假设在IE6中需要将背景颜色设置为黄色达到和其他浏览器同样的效果
                    希望黄色背景只在IE6显示
                 */

                /* 在样式前面添加_只有IE6及以下显示 */
                /* _background-color: yellow; */

                /*  在样式前面添加*只有IE7及以下显示*/
                /* *background-color: yellow; */

                /*  在样式最后添加\0只有IE8及以上显示*/
                /* background-color: yellow\0; */


            }

        
        </style>


    </head>
        
    <body>
        <!-- 
            在某些特殊情况下，语句只在特殊浏览器中执行，
            CSS HACK实际上是指代码只在某些浏览器中可以识别
                而其他浏览器无法识别，设置的特殊代码
         -->

         <!-- 
             条件hack，只对IE浏览器有效，其他浏览器会识别成注释
          -->

          <!-- IE6显示 -->
          <!-- [if IE 6]>
            <p>为了您和家人的健康，请远离IE6!!</p>
          <![endif] -->



            <!-- 
                lt 小于
                lte 小于等于
                gt 大于

             -->
          <!-- [if lt IE 6]>
                <p>在IE9以下浏览器显示</p>
           <![endif] -->

           <div class="box1"></div>

    </body>


</html>

CSS和HTML基础终于学完了，去学JS

时光无错孤独难谈

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS19. 条件Hack&&属性Hack

<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <style type="text/css"> .box1{ width: 100px; height:...
复制链接

扫一扫