爲什麼我不能停止背景重複：從重複？

我有一個奇怪的問題。本着嘗試編寫DRYer，更短代碼的精神，我想從我個人的h3樣式中刪除'不重複'，並且只用一個聲明來完成。以下是失敗代碼的示例版本。 #c中的h3固執地不會停止重複，除非我像#a和#b那樣設置它。
我試過替換背景重複：沒有：沒有重複，但沒有運氣。在此先感謝您的幫助！爲什麼我不能停止背景重複：從重複？

.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;}

來源

2010-08-11 Zach Lysobey

background是一個簡寫聲明，設定數量的值。它覆蓋您的background-repeat聲明。改爲使用background-image代替#c > h3的background聲明。

來源

2010-08-11 18:08:00

那麼，一切正常了！謝謝湯姆。我有一種感覺，這是沿着這條線。 – 2010-08-11 18:10:27

爲什麼不會背景重複：沒有工作？

因爲它的命名no-repeat :)

來源

2010-08-11 18:00:15

你讀過這個問題了嗎？ '我嘗試過替換背景 - 重複：沒有：沒有重複，但沒有運氣「，或者你的意思是{不重複：無}或類似的東西？我從保羅愛爾蘭的http://html5boilerplate.com/css文件中獲取背景重複：無，因此它必須有一定用處。 – 2010-08-11 18:02:51

背景重複：現在沒有任何工作正常，我實施了Thom的答案。也許我的下一個問題應該是「爲什麼背景重複：沒有工作？」大聲笑。 – 2010-08-11 18:11:43

似乎w3學校的css引用同意你的說法。 http://www.w3schools.com/css/pr_background-repeat.asp。現在我不知道使用哪一個:-( – 2010-08-11 18:17:00

行，background-repeat：無它不是一個有效的屬性。你有重複，不重複，重複-X，重複-Y和繼承從父元素繼承財產，但沒有不存在。也許它會適用於瀏覽器，如Chrome和Firefox，試圖找出你的意思，但IE瀏覽器對此很挑剔。

來源

2013-04-24 15:09:33 Labanino

爲什麼我不能停止背景重複：從重複？

回答

相關問題