使用CSS定義圖像的相對路徑：background-image url

假設我的桌面上有一個名爲New_Website的'root'文件夾。然後我有四個子文件夾。 main_files，website_images，website_others，website_stylesheets。使用CSS定義圖像的相對路徑：background-image url

如果website_stylesheets包含stylesheet.css並且網站圖片包含randomimg.jpg，我如何從stylesheet.css中使用CSS獲取randomimg.jpg - background-image：url（相對路徑）; ？

來源

2017-03-02 Dylan

'背景圖像：網址（ '../ website_images/randomimg.jpg'）;' –

邏輯會認爲。雖然這似乎不起作用 – Dylan

在瀏覽器控制檯中是否有任何錯誤？ –

下工作對我來說（我在桌面上進行的New_Website裏面3個文件夾和1文件中的每一個）：

index.html（在main_files文件夾中）

<html> 
    <head> 
    <link rel="stylesheet" type="text/css" href="C:\Users\...\Desktop\New_Website\website_stylesheets\stylesheet.css"> 
    </head> 
    <body> 
    <div></div> 
    </body> 
</html>

stylesheet.css（內website_stylesheets文件夾）

body { 
    background-color: gray; 
} 
div { 
    background-image: url('file:///C:/Users/.../Desktop/New_Website/website_images/randomimg.jpg'); 
    height: 70px; 
    width: 83px; 
}

randomimg.jpg（在側website_images文件夾）

（它是一個白圖像）

來源

2017-03-02 16:43:30 user7393973

網站上線時絕對路徑如何公平？絕對路徑肯定不行？ – Dylan

@Dylan：很確定這不是什麼新鮮事。大多數網站使用網址到他們的本地圖像。 – user7393973

將圖像放入包含樣式表的文件夾中是否有任何傷害？這可能是不好的做法，但它會有什麼不良影響？ – Dylan

使用CSS定義圖像的相對路徑：background-image url

回答

相關問題