背景圖片重複！！重要的正確的css代碼

我的目標是改變使用媒體查詢在某些瀏覽器大小的背景圖像.... 我需要它重寫元素樣式，所以我需要有！重要的權利我的背景圖像標記後...背景圖片重複！！重要的正確的css代碼

這是迄今爲止..

@media only screen and (min-width : 690px) and (max-width : 1000px) { 
    #featured article[data-background-cover="1"] { 
     background-image: url('#')!important;  
    } 
}

上面的代碼似乎工作..但我需要的背景圖像重複......我怎樣才能在保持！重要的同時添加。

我已經嘗試了幾種方法，但它似乎並不工作..像

@media only screen and (min-width : 690px) and (max-width : 1000px) { 
    #featured article[data-background-cover="1"] { 
     background-image: url('#')repeat!important;  
    } 
}

和

@media only screen and (min-width : 690px) and (max-width : 1000px) { 
    #featured article[data-background-cover="1"] { 
     background-image: url('#')!important repeat;  
    } 
}

任何幫助，將不勝感激..謝謝

來源

2013-07-19 MBTDesigns

試試這個：

background-image: url('#'); 
background-repeat: repeat;

Yo ü也可以試試這個：

background-image: url('#'); 
background-repeat: repeat !important;

W3Schools

來源

2013-07-19 07:43:24

將是一件好事知道：http://www.w3fools.com/ – vitozev

不是一切從W3Schools的是錯誤的;） –

你把重要與空間，並在年底每個屬性！

但是儘量避免使用！重要的如果可能的話，請訂購您的樣式，以便正確應用這些樣式。

來源

2013-07-19 07:43:36 acudars

是的，我做正常。在這種情況下，我選擇了一個圖像滑塊，其中的樣式由JavaScript實時添加。 – MBTDesigns

假設你有一個容器，並希望應用基於設備的屏幕分辨率不同的風格。

#container { 
     /* triggered by all devices */ 
} 

@media only screen and (min-width : 690px) and (max-width : 1000px) { 
     #container { 
      /* triggered by devices with specified width */ 
     } 
}

因此，第一選擇器將被應用到所有設備，並且如果一個特定的媒體的查詢相匹配，此選擇將被覆蓋。這是很好的跟隨在其中添加的樣式，因爲它們是從上到下呈現的順序，因此，如果你有不同風格的兩個相同的選擇，在一個下面將有最高的優先級。

無論如何，這是background財產正確的速記符號：

background: #000 url() repeat fixed left top !important;

訂單：背景顏色，背景圖片，重複，位置，位置X，位置Y，重要的;

來源

2013-07-19 08:04:03 vitozev

背景圖片重複！！重要的正確的css代碼

回答

相關問題