根据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错误吗?
答案 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)
使用速记属性时,属性值的顺序为: 背景颜色 背景图片 背景重复 背景附件 背景位置 如果其中一个属性值丢失,则无关紧要,只要存在的属性值按此顺序排列。