CSS-Hack

(此为从学习视频中摘抄,如有雷同,纯属巧合)

  1. CSS-Hack

    有一些情况,有一些特殊的代码我们只需要在某些特殊的浏览器中执行,
    而在其他的浏览器中不需要执行,这时就可以使用CSS Hack来解决该问题
    CSS Hack实际上指的是一个特殊的代码,这段代码只在某些浏览器中可以识别,
    而其他浏览器不能识别,通过这种方式,来为一些浏览器设置特殊的代码

    条件Hack,条件Hack只对IE浏览器有效,其他的浏览器都会将它识别为注释
    IE10及以上的浏览器已经不支持这种方式

    例:

<!-- 以下内容只会出现在IE6中  -->
        <!--[if IE 6]>
	        <p>我是一个p标签</p>
        <![endif]-->
        
        <!--[if IE 8]>
	        <p>IE 8</p>
        <![endif]-->
        
        <!--[if lte IE 9]>
	        <p>该标签会在IE9以下的浏览器中显示</p>
        <![endif]-->
        
        <!--[if ! IE 6]>
	        <p>你的浏览器不是IE6</p>
        <![endif]-->
  1. Hack

    在选择器前添加 * html 则选择器只有在IE6可以识别

    假设在IE6中需要将背景颜色设置为黄色才能达到和其他浏览器同样的效果
    希望黄色背景只在IE6中生效
    在样式前面添加下划线,则该样式只有IE6及以下的浏览器才可以识别
    例:_background-color: yellow;

    在样式前面添加*,则该样式只有IE7及以下的浏览器
    例:*background-color: yellow;

    在样式最后添加\0则只有IE8及以上的浏览器才能识别
    例:background-color: yellow\0;

    CSS Hack不到万不得已的情况尽量不要使用

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值