css中background-image的url属性

时间:2011-06-21 09:30:34

标签: css url background

我的ASP.NET Web应用程序中有一个文件夹。我将所有css文件放在'App_Theme'中。如果我将image1.jpg放在“Icons / images”目录中,将图像指定为'div'的背景的正确方法是什么。网址的选项包括: -

  1. ./图标/ jquery的/ image1.jpg
  2. 图标/ jquery的/ image1.jpg
  3. /Icons/jquery/image1.jpg
  4. 哪个是对的?

4 个答案:

答案 0 :(得分:5)

转到您的css文件,右键单击css类名称>构建样式>背景>浏览图像。它会为您提供URL。

答案 1 :(得分:5)

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

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

&安培;如果主文件夹中有另一个文件夹,例如stylesheet folder&其中有另一个文件夹,假设css folder然后我们写

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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

您需要做的是指定正确的路径,并且最好使用站点根目录的相对路径。

/Icons/images/image1.jpg