2012-08-04 86 views
0

基本上這個CSS規則:CSS繼承透明不知從哪兒

background:url('../img/logo-small.png'); 

在任何瀏覽器,翻譯成:

background: url("../img/logo-small.png") repeat scroll 0% 0% transparent; 

我沒有,有一個透明的規則,任何容器,但顯然這防止顯示背景。奇怪的是,background-color反而起作用。

如果它有任何用處,那麼適用於CSS類的內容就是用jQuery動態創建的。

有沒有辦法覆蓋這個transparent參數?

+1

沒有繼承回事;這就是CSS的縮寫屬性的工作原理 - 任何你沒有設置的屬性都將被隱式設置爲它們的初始值(當然,'background-color'的初始值是'transparent')。這就是爲什麼在使用短褲時應該小心。 – BoltClock 2012-08-04 09:59:36

+0

以及我認爲這很奇怪,因爲當我爲其他類設置規則時,它正在工作。但現在,你讓我想到鄰接,他們都有背景色!不管怎麼說,還是要謝謝你! – 2012-08-04 10:03:39

回答

3

在這種情況下,transparent引用元素的背景顏色,默認情況下它是透明的。您可以通過顯式設置一種顏色覆蓋此,例如:

background:url('../img/logo-small.png') #FFFFFF;

+0

太棒了!我不知道那個!謝謝!! :) – 2012-08-04 09:55:57

+0

@enrico很高興我能幫到你。如果有幫助請接受答案。 – 2012-08-04 10:00:49

+0

你不用擔心。只需要10分鐘即可。 – 2012-08-04 10:01:41