2012-07-23 80 views
-1

使用下面的樣式(css文件鏈接到Default.aspx,然後插入到它的母版頁),我想控制顏色,重複和圖像。前兩個工作正常,但圖像不顯示。背景圖像不顯示,除非在母版頁中聲明

body{ 
    background-color: #000000; 
    background-image: url('images/bg_01.jpg'); 
    background-repeat: no-repeat; 
} 

當我明確地向母版頁上的主體標籤添加樣式時,它可以工作,但男孩確實看起來很醜。爲什麼會發生?我如何殺死它?

<body style="background-image: url('images/bg_01.jpg');"> 
    ... 
</body> 
+0

都應該是不同的圖像文件名? – freefaller 2012-07-23 16:37:03

+0

我一直在測試不同的東西來解決問題。假設他們是一樣的。我將編輯該問題。 – 2012-07-23 16:39:04

+1

CSS中的圖像路徑必須相對於CSS文件路徑 – 2012-07-23 16:40:47

回答

2

當在CSS文件中使用background-image: url(),確保在CSS中的圖片路徑是相對的CSS文件的路徑,而不是相對於CSS正在被使用的頁面。

舉例來說,如果你的CSS文件位於/styles/mystyle.css和圖像位於/images/image.jpg那麼您的網址應該是...

background-image: url(../images/image.jpg); 
+0

哦,天啊。我今天{插入最喜歡的褻瀆}愚蠢的......請開槍射擊我。至少兩次。 – 2012-07-23 16:53:50

+0

並浪費子彈?! ;-)不要擔心@Konrad,我們都有這樣的日子......祝你的項目好運 – freefaller 2012-07-23 16:55:03