zoukankan      html  css  js  c++  java
  • CSS属性过滤

    在前端领域,当我们想在ie6及以下版本和标准浏览器的样式不同我们怎么做呢

    此时此刻不得不提到过滤器:即一种对特定浏览器显示和隐藏规则的声明方法

    1.下划线属性过滤器

      符合标准的浏览器都会忽略这个声明,而在IE6及更低浏览器则会被解析

    min-height:10px;
    _height:100px

      在标准浏览器只会解析min-height,而_height不起作用

    2.!important关键字过滤器

      利用!important不被IE6及以下识别

    height:50px;
    height:100px !important;

      在标准浏览器中height为100px,在IE6及以下浏览器则为50px

    3.*/+属性过滤器

     在一个属性前面加了*或者+后,该属性只能被IE7及以下浏览器识别

    height:50px;
    *height:100px;

      在标准浏览器中height为50px;在IE7及以下则为100px

    4.9和过滤器

      在属性后加9则只能被IE浏览器组识别

      在属性后加则只可被IE8以上浏览器识别

    height: 50px;
    height: 100px 9

      在IE浏览器组height值为100px,在其他浏览器则为50px

    height: 50px;
    height:100px ;

      在IE8以上浏览器识别height值为100px,在其他浏览器则为50px

    我们可以利用以上的规则在IE和其他浏览器之间进行样式的区分,岂不是美滋滋

  • 相关阅读:
    封装aixos拦截器
    vue路由传参的三种基本方式
    vue里的路由钩子
    箭头函数特点
    webstorm激活码
    vue-cli2使用less
    vue-cli2使用rem适配
    XfZGkvBaeh
    python解析excel中图片+提取图片
    python解析谷歌在线表格链接,转化为数组形式,图片转化为链接
  • 原文地址:https://www.cnblogs.com/suihang/p/11171941.html
Copyright © 2011-2022 走看看