這是在CSS中設置背景網址的最佳方式？

我是新來的mvc應用程序，並在aspx視圖引擎中創建網站。我在mycss/style.css中有一個css文件，圖像位於images/img1.jpg中。是什麼的style.css這是在CSS中設置背景網址的最佳方式？

2014-04-18 Er Mayank

我不認爲'〜/'會在css文件中工作。 – edhedges

文件路徑中點（./Images）和雙點（../Images）有什麼區別？ –

'../圖像'意味着上一個目錄，然後下到「圖像」文件夾。 '。/ Images'表示轉到當前目錄中的'Images'文件夾。 – mason

background: url("../images/img1.jpg") no-repeat;

上面

background: url("../images/img1.jpg") no-repeat; 
and background: url("~/images/img1.jpg") no-repeat;

之間的差是相對於當前位置。它上升一個文件夾，然後到圖像文件夾，最後得到圖片文件。

background: url("~/images/img1.jpg") no-repeat;

上述內容無效。代字符表示從站點根開始。但CSS不支持該語法。相當於background: url("/images/img1.jpg") no-repeat;。

根據您的網站佈局，兩者都可以使用。我傾向於使用根相對路徑，因爲如果將CSS文件移動到其他文件夾，它可能會與相對於當前位置的路徑斷開。

對於相對vs網站相對vs絕對的好的討論，see this article。

2014-04-18 16:34:33 mason

-1

這將是正確的方法。

background: url("../images/img1.jpg") no-repeat;

2014-04-18 16:35:06 iamcarloseperez

如何解釋爲什麼使用'〜'的版本也不正確？ –

你也可以這樣background: url("images/img1.jpg") no-repeat; 寫它沒有任何「前綴」，這意味着「在圖像的圖像文件夾。

2014-04-18 16:38:40

這是假設圖像文件夾與CSS位於同一文件夾中。問題中的發佈代碼可能不是這種情況。 – mason

回答