2010-03-13 70 views
1

可以幫助我如何我可以參考圖像我有我的所有圖像存儲在圖像文件夾位於根文件夾(.. \圖像)在我的CSS類我有以下ASP.net和CSS樣式

#image 
{ background-position: left; 
    background-repeat: no-repeat;} 

.background 
{ 
    background-image: url(..\images\image.gif); 
} 

,並在我的.cs文件我有

image.Attributes.Add("class", "background"); 

形象是一個div標籤這是在我的aspx代碼!

當我運行這段代碼我形象犯規秀

,任何想法我可能是做錯了

回答

1

你必須把這些斜線在你的路圍繞從\/

而且,我通常把一個url關鍵字在CSS的括號之前,但我不知道這是否是必需的:

background-image: url(../images/image.gif); 

更新:如果您的C#代碼中的image字段是某種類型的Web控件,例如說是Image控件,則應該在其CssClass屬性上使用setts,而不是明確添加class屬性。你現在在做什麼可能會產生標記中的兩個class屬性,這可能無法很好地處理。您可以在頁面上快速「查看源代碼」來測試這是否是問題。

如果這沒有幫助,請參閱Nick Cravers的答案。從CSS到圖像的路徑是錯誤的,或者圖像文件不在您認爲的位置。

+0

仍然沒有運氣! – c11ada 2010-03-13 18:13:17

1

CSS文件中的URL引用必須是相對到CSS文件

確保與CSS文件相比圖像在..\images,如果沒有,請將其調整爲與CSS相關。

而且你的背景聲明應該是這樣的:

background-image: url(..\images\image.gif); 

例子:

CSS = \CSS\styles.css 
IMG = \Images\image.gif 
Style = url(../Images/image.gif); 

CSS = \styles.css 
IMG = \Images\image.gif 
Style = url(Images/image.gif); 
+0

css文件位於我的根文件夾中,並且存儲所有圖像的images文件夾也位於我的根文件夾中!我的位置是否正確? – c11ada 2010-03-13 18:31:27

+0

@ c11ada - 你需要這個:'url(Images/image.gif);'在這種情況下。 – 2010-03-13 18:34:37

+0

圖像仍然不顯示! – c11ada 2010-03-13 18:52:39

1

樣式定義:

background-image: url(../images/image.gif); 

是說「上一個目錄並進入圖像文件夾「。請嘗試:

background-image: url(/images/image.gif); 

此處假設images目錄位於您網站的根目錄中。