美文网首页
css中有些属性的前面会加上“*”“_”,分别表示什么意思?

css中有些属性的前面会加上“*”“_”,分别表示什么意思?

作者: 叫丽丽啊 | 来源:发表于2018-07-05 22:42 被阅读68次

css里的,你可以理解为屏蔽火狐浏览器(FF)用的,ie系列内核的浏览器可以识别后面的样式设置,而FF在解析到*后就会报错,然后跳到下个css进行样式解析。所以,我们通常用这个方式来进行浏览器样式方面的兼容处理。也就是说,用他来设置IE和FF的不同样式。
比如:

#box-middle{
position:static;
 *position:absolute; 
display:table-cell; 
display:block; *top:50%;
vertical-align:middle;
 *vertical-align:auto;
}

这里面,先设置了定位方式position:static,然后又写了 * position:absolute。
这时,IE浏览器会无视 * 的存在,将后面的position样式覆盖前面的样式,则他会解析position为absolute;而FF却因为无法解析 * 而跳过了这条设置,所以他会解析position为static。
结果就会出现这样的情况:FF里的position为static,IE里的position为absolute。

补充:
color{
background-color: #CC00FF; /所有浏览器都会显示为紫色/
background-color: #FF0000\9; /IE6、IE7、IE8会显示红色/
background-color: #0066FF; /IE6、IE7会变为蓝色/
_background-color: #009933; /
IE6会变为绿色*/
}
好多css hack,最重要的是简单实用能解决问题就行了
总结:
\9: IE6 IE7 IE8
*: IE6 IE7
_: IE6
*+: IE7


IE6,IE7,Firefox兼容的css hack
第一种办法:
body
{
background:red;
*background:blue !important;
*background: green;
}

第一排给Firefox以及其他浏览器看;
第二排给IE7,IE7既能能识别号,也能识别important;
第三排给IE6也能识别
号;
第二种办法,使用_来区分IE6:

body
{
background:red;
*background:blue;
_background: green;
}

第一排给Firefox以及其他浏览器看;
第二排给IE7,IE7既能能识别*号;
第三排给IE6能识别下划线

相关文章

  • css中有些属性的前面会加上“*”“_”,分别表示什么意思?

    css里的,你可以理解为屏蔽火狐浏览器(FF)用的,ie系列内核的浏览器可以识别后面的样式设置,而FF在解析到*后...

  • 2018-04-06

    ,如果不加上这个属性,图片是会自带宽高的属性的,加上之后是会覆盖之前的图片宽高,还可以在head中设置CSS,CS...

  • 前端面试,看这些就够了!

    s1.css中display的属性有几种,分别是什么; none,inline,block; 2.css中list...

  • web前端面试题@八(css)

    一、position有几种取值,分别是什么意思? css中的position有4种取值,分别是static、fix...

  • jQuery

    1:添加属性 css:一个值表示获取;两个值表示设置当前属性并给出样式; $("#box").css("width...

  • HTML/CSS 05-文本溢出相关属性

    css溢出属性overflow,css空余空间,css省略号表示 目录一、溢出属性(容器的) 二、空余空间 三、省...

  • CSS中的背景设置

    CSS样式中的background有许许多多的属性及属性值,分别有:backgr-color,background...

  • CSS学习

    CSS中的“.”和“#” 加点的表示class的名称,例如: 是用在dom元素的class属性里的加#的表示这个...

  • CSS--background系列属性

    1. background-color属性 css2.1中,颜色的表示方法有三种:(1)单词;(2)rgb表示法(...

  • CSS入门的那些坑

    几种引入css的方式 分别有用style 属性、style 标签、css link、css import, 引入c...

网友评论

      本文标题:css中有些属性的前面会加上“*”“_”,分别表示什么意思?

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