在CSS下顯示背景圖像

我把文件放在VS項目的「樣式」目錄下，在創建時我的默認sitemaster的CSS位於這個目錄下。在CSS下顯示背景圖像

body{ 
    background-image: url('..\Styles\Header.jpg'); 
    }

如何正確使用此功能以使用外部CSS在後臺顯示圖像？

來源

2014-02-24 user3247075

試試這個在你的CSS

body{ 
    background-image: url('~/Styles/Header.jpg'); 
}

或

body{ 
     background-image: url('../Styles/Header.jpg'); 
    }

，如果你的圖像存儲在風格forlder您可以通過這個代碼retrive

來源

2014-02-24 04:51:02

首選工作了我。即使經過艱苦的研究，仍然有一些奇怪的原因，但並非所有這些代碼都適用於所有人。我仍然不確定爲什麼。 :( 總之謝謝大家！ – user3247075

試試這個工作對我來說

background-image: url(..\Styles\Header.jpg);

don'在括號內使用單引號。

來源

2014-02-24 04:53:15 Amit

阿米特，能否請您解釋一下爲什麼不能用單一的「引號」 –

@KheemaPandey我不知道，但我面臨同樣的問題，消除了單引號和一個更重要的一點它的工作原理後解決所有瀏覽器。 – Amit

HTML

<html> 
<head> 

<title> Your page Name </title> 
<link rel="stylesheet" type="text/css" href="yourcssresourcefile"> 
</head> 

<body> 
</body> 

</html>

CSS

body{ 
    background-image: url('http://static3.businessinsider.com/image/52a0bbfd6bb3f7961363819e/the-most-amazing-satellite-images-of-the-year.jpg'); 
    }

Fiddle

Result

來源

2014-02-24 05:01:01

有做兩種方式;

當你試圖用relative path訪問你的資源（圖片）：

body{ 
     background-image: url('../Styles/Header.jpg'); 
    }

當您試圖訪問你的資源（圖像） absolute path

：

body{ 
    background-image: url('~/Styles/Header.jpg'); 
}

來源

2014-02-24 05:16:16

在CSS下顯示背景圖像

回答

相關問題