爲什麼我的css背景不透明？

我正在使用圖像作爲背景。下面是DIV的CSS爲什麼我的css背景不透明？

#bkground { 
    width: 1100px; 
    margin-left: auto; 
    margin-right: auto; 
    background: url(images/carbon_fiber2.jpg) ; 
    background-repeat: no-repeat; 
    background-position: center top; 
    /*background: black;*/ 
}

在Firebug它顯示爲

#bkground { 
    background: url("images/carbon_fiber2.jpg") no-repeat scroll center top transparent; 
    margin-left: auto; 
    margin-right: auto; 
    width: 1100px; 
}

在什麼地方tranparent設置來自我怎麼能有圖像顯示正常嗎？

感謝

來源

2010-12-18 nktokyo

您能鏈接到現場網站嗎？還是演示？我上傳了 – 2010-12-18 03:42:34

。我想要的是瀏覽器的黑色背景，然後是圖像作爲包裝div的背景。目前只有瀏覽器出現。 http://www.racefightclub.com/dev/index.php – nktokyo 2010-12-18 03:50:57

既然你說過你使用的是螢火蟲，你能否在網絡標籤下檢查url images/carbon_fiber2.jpg的請求是否成功？ – Chandu 2010-12-18 03:51:47

我覺得透明位，指的是背景色，你可以有一個顏色（作爲備份，如果圖像是未找到）和圖像。 Firebug只是添加您未覆蓋的默認應用程序。背景色的默認值是透明的。如果發現圖像，應該仍然顯示圖像，所以我猜測它不是，而是顯示透明背景顏色。

~~我注意到的第一件事是您的圖像url不在css中的引號。我會先嚐試一下。~~

所以，

background: url('images/carbon_fiber2.jpg') ;

看評論，我一直在可靠消息說不需要引號。

然後，只是一個預感，但你是否包括您的網站的根目錄中的網頁的CSS？如果沒有，你可能需要作出的路徑是絕對的，即

background: url('/images/carbon_fiber2.jpg') ;

來源

2010-12-18 03:43:35 tjm

我同意你的第二次預感。另外，引號應該不重要。請參閱答案：http://stackoverflow.com/questions/2168855/css-url-whats-better – mg1075 2010-12-18 03:53:51

@ mg1075。我不知道。認爲引號是必需的。謝謝。當我正在進行過度優化時，這將節省幾個字節！ – tjm 2010-12-18 03:55:56

感謝您的幫助。我不知道是什麼導致了這個問題，可能是一些有衝突的CSS，但是我希望在新樣式表上產生效果，並逐漸將所有內容遷移到觸發它的東西上。 – nktokyo 2010-12-18 04:07:50

絕對是一個壞的路徑，圖像顯示它是在 http://www.racefightclub.com/dev/css/images/carbon_fiber2.jpg

應該 http://www.racefightclub.com/dev/images/carbon_fiber2.jpg

所以要麼使它../images/carbon_fiber2.jpg

or probably /dev/images/carbon_fiber2.jpg

這是因爲您正在從您的css文件夾中引用圖像路徑。

來源

2010-12-18 04:08:11

爲什麼我的css背景不透明？

回答

相關問題