您的位置首页快问快答

求解释下这个css样式的意思~谢谢。

求解释下这个css样式的意思~谢谢。

的有关信息介绍如下:

求解释下这个css样式的意思~谢谢。

第一句:

整句应该是background:("url") no-repeat fixed 50% top rgb(32,84,36);

no-repeat表示此背景图片在页面中只出现一次,不进行横向和纵向的平铺;

fixed表示当页面的其余部分滚动时,背景图像不会移动;

50%表示将背景图片的 50%(center)这个点,和容器的50%(center)这个点对齐(可以理解为在容器中横向居中);

top表示图片顶部和容器对齐;

rgb代表一个色值,也可用16进制来表示。

下面是我写的代码,有助于理解背景位置的关系。

其中黑色边框为div的框架,最终效果如下图:

第二句:

*为css hack技术,带有*的样式只能够被IE6和IE7解析,所以此句的意思是在IE6和IE7中页面ID=title中的a元素颜色值为rgb(32,122,0)。

第三句:

scroll表示当页面的其余部分滚动时,背景跟着移动;

其他的同第一句。

第四句:

IE6和IE7下页面ID=copy的元素中的P元素和ID=copy的元素中的P元素中的a元素的颜色值为(255,255,255)。

第五句:

IE6和IE7下面class=user-bio的元素颜色值为(255,255,255)。

PS:告诉你可同时区分IE8、IE7、IE6、Firefox的CSS hacks:(希望对你有帮助)

.test{

color:#000; / Firefox /

color:#00f\9; / IE8 / 此CSS HACK能够被所有IE浏览器解析

*color:#f00; / IE7 / 此CSS HACK只能被IE6和IE7浏览器解析

_color:#0f0; / IE6 /

}