2010-07-01 487 views
2

我無法獲取背景圖片以顯示在我的頁面中。我正在嘗試在使用CSS的母版頁中執行此操作。如何在ASP.NET中將圖片設置爲背景?

我有一個包含以下內容的CSS:

body { 
    background-image: url(../images/background.jpg) no-repeat; 
    background-attachment: fixed; 
    margin-top: 0px; 
} 

我知道,因爲它定義的所有其他樣式在.aspx頁工作正在讀取CSS ...當然除了背景圖像的,背景仍然是白色的。 (順便說一句,這在.php頁面中可以很好地工作)。

我一直在網上尋找瘋狂的和所有我找到的答案,說上面的CSS代碼就是答案......但它不工作!

我使用了以下內容:

微軟的Visual Studio 2008版本9.0.30729.1 SP
Microsoft .NET Framework版本3.5 SP 1
版本的Firefox 3.6.6

如果有人知道如何讓這個工作,請讓我知道!

回答

3

CSS背景圖像技術是正確的。但是你有沒有看過Http調試器中的東西(比如螢火蟲或小提琴手中的網絡監視器),並找出你的相對路徑是不是在搗亂衆說紛紜的小狗。或者,CSS路徑和ASP.NET和MasterPages有時並不完全一致,你可能會遇到從錯誤URL請求圖像的問題,因此它不會顯示出來。

+0

因此,這裏是我沒有得到的東西......我打開了螢火蟲,並沒有錯誤,但當我看着螢火蟲中的CSS它不顯示[background-image:url(。 ./images/background.jpg)不重複;]行。它顯示了其他一切。就好像這行代碼不存在,但沒有跡象表明爲什麼,沒有錯誤,沒有消息......任何想法? – Angie 2010-07-01 17:45:59

+1

瀏覽器是否使用較舊的緩存樣式表?這是否在公共場所,我們可以看看渲染結果? – David 2010-07-01 17:49:46

+0

感謝Wyatt Barnett我能弄明白。我用螢火蟲編輯CSS文件並發現問題。 1.我的路徑錯了,我將它從../images/background.jpg改爲 - > ./images/background.jpg 2.屬性標記錯了,我將它從background-image改爲了 - >背景 我不知道爲什麼我沒有想到用螢火蟲做到這一點開始(這是畢竟爲什麼我有它),所以謝謝懷亞特諺語一巴掌 - 我需要它! :o) – Angie 2010-07-01 18:02:22

1

感謝Wyatt Barnett,我弄明白了。我用螢火蟲編輯CSS文件並發現問題。

  1. 我的路是錯的,我改變了它從../images/background.jpg - > ./images/background.jpg

  2. 屬性標記錯了,我改變了它的背景 - 圖像 - >背景

我不知道爲什麼我沒有想到這樣做與螢火下手(它畢竟是爲什麼我有),所以謝謝你爲悅諺語巴掌上攻頭 - 我需要它! :o)

+0

確保您將Wyatt的答案標記爲已接受。 – 2010-07-01 18:46:17