使用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

回答

相关问题