Firebug列出错误顺序的CSS背景速记颜色吗?

时间:2012-02-09 15:56:53

标签: css firebug w3c

根据the W3C Recommendation for the CSS background shorthand,值为[<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | inherit

按照这个建议,我写了一个这样的声明:

background: transparent url("/images/layout/sprite.png") repeat-y scroll right top;

当我在Firebug中检查该元素时,它会在最后列出颜色部分,而不是第一个:

background: url("/images/layout/sprite.png") repeat-y scroll right top transparent;

使用Firebug方式似乎有效,但它不符合W3C建议书。我尝试了一些谷歌搜索,但我找不到任何相关信息。有一些我不知道的历史吗?这是一个Firebug错误吗?

3 个答案:

答案 0 :(得分:3)

http://www.w3.org/TR/CSS2/about.html#property-defs

  

双栏(||)分隔两个或多个选项:其中一个或多个   必须发生,以任何顺序

因此,背景值可以按任何顺序列出。

答案 1 :(得分:2)

W3C没有定义此语法中的顺序。可以按任何顺序列出背景属性。

答案 2 :(得分:1)

According to this (scroll down to: Background - Shorthand property)

  

使用速记属性时,属性值的顺序为:      背景颜色      背景图片      背景重复      背景附件      背景位置   如果其中一个属性值丢失,则无关紧要,只要存在的属性值按此顺序排列。