CSS中背景图像的url属性答案

【问题标题】：url property of background-image in cssCSS中背景图像的url属性
【发布时间】：2011-09-19 08:52:41
【问题描述】：

我的 ASP.NET Web 应用程序中有一个文件夹。我将所有 css 文件放在“App_Theme”中。如果我将 image1.jpg 放在“图标/图像”目录中，那么将图像指定为“div”背景的正确方法是什么。 url 的选项是：-

哪个是正确的？

【问题讨论】：

背景图像：URL("#foo.jpg)，如果与相对路径一起使用，则相对于 CSS 文件起作用。因此，如果您在样式中有一个 CSS 文件作为 main.css目录和图标/jquery 目录中的图像“image1.jpg”本身，而不是 URL 将是“Icons/jquery/image1.jpg”

【解决方案1】：

@muhammed;写这个作为图像路径如果你的 CSS 在单个文件夹中

background-image: URL("../Icons/jquery/image1.jpg");

& 如果主文件夹中有另一个文件夹，例如stylesheet folder & 里面还有另一个文件夹，假设css folder 然后我们写

background-image: URL("../../Icons/jquery/image1.jpg");

【讨论】：

【解决方案2】：

如果您将图像放在“图标/图像”中，那么您的选项都不正确，因为您说图像可以在 /Icons/jquery/image1.jpg 中找到

您需要做的是指定正确的路径，最好使用指向您网站根目录的相对路径。

/Icons/images/image1.jpg

【讨论】：

【解决方案3】：

通常您在 css 中的文件引用与 .css 文件的实际路径相关。如果你使用 /App_Theme/filename.css 并且你有 /App_Theme/Icons/image1.jpg 那么你可能希望使用 url('Icons/image1.jpg');

【讨论】：

【解决方案4】：

转到您的 css 文件，右键单击 css 类名称 > 构建样式 > 背景 > 浏览图像。它会为您输入网址。

【讨论】：