Question

我有一个奇怪的问题。本着尝试编写DRYer，更短代码的精神，我想从我的个人h3样式中删除“不重复”，只需要一个声明即可。下面是失败的代码示例版本。 #c中的h3固执不会停止重复，除非我像#a和#b那样设置它我尝试将background-repeat：none替换为：no-repeat，但没有运气。提前感谢您的任何帮助！

.class > h3
    {   
        float:left;
        height:21px;
        width:200px;
        margin-bottom:10px;
    }

    #a > h3 {background:url(a.png) no-repeat;}
    #b > h3 {background:url(b.png) no-repeat;}
    #c > h3 {background:url(c.png);}

    /* EDIT: this code does not work (even after applying Thom's answer)    
    h3 {background-repeat:none;}
    */

    h3 {background-repeat:no-repeat;}

Answer 1

background是一个设置多个值的速记声明。它覆盖了你对background-repeat的声明。将#c > h3的{{1}}声明替换为background。

Answer 2

为什么背景重复：无效？

因为它名为no-repeat：）

Answer 3

好的， background-repeat：none 它不是有效的属性。您有重复，不重复，重复-x ，重复-y 和继承从父元素继承属性但无不存在。也许它可以与Chrome和Firefox这样的浏览器一起使用，试图找出你的意思，但IE对这些东西非常挑剔。

为什么我不能停止背景重复：重复？

3 个答案: