Css背景圖像導航條

nav { 
    padding : 10px 10px 10px 10px; 
    background-image : url("This PC/Pictures/motivationportfolio.jpg"); 
} 
li 
{ 
padding : 10px; 
} 
div 
{ 
    text-align : justify; 
    margin : 20px; 
} 
p 
{ 
    text-indent : 15px; 
}

此代碼未將背景圖像插入到我的導航欄中，您可以檢查http://codepen.io/Supreja/pen/zKERvd中的整個代碼。我也嘗試給出在線URL。即使這樣也行不通。我在線工作，所以如何知道我的當前目錄？Css背景圖像導航條

來源

2016-10-02 Supreja

什麼是「../ This PC」？！它不會在線工作 –

您無法以這種方式訪問您自己的PC文件。 – connexo

這應該只是貼上一個有效的URL：

例如：

background-image : url('http://www.verypdf.com/wordpress/wp-content/uploads/2011/11/clip_image00455.jpg');

來源

2016-10-02 12:23:52

好，你需要知道你的圖像的路徑優先。例如，您有圖像文件夾和CSS文件夾。而這種風格是在CSS文件夾中，則路徑應該是這樣的 ../images/iamgename.jpg

這兩個點（..）讓你退一萬步，然後輸入圖像文件夾，並選擇您的圖像

url("../Pictures/motivationportfolio.jpg");

來源

2016-10-02 12:59:19

Css背景圖像導航條

回答

相關問題