css中背景图像的url属性

css中背景图像的url属性,css,url,background,Css,Url,Background,我的ASP.NET web应用程序中有一个文件夹。我把所有css文件放在“App_主题”中。如果我将image1.jpg放在“Icons/images”目录中,那么将图像指定为“div”背景的正确方法是什么。url的选项包括:- /Icons/jquery/image1.jpg Icons/jquery/image1.jpg /Icons/jquery/image1.jpg 哪个是正确的?转到css文件,右键单击css类名>构建样式>背景>浏览图像。它将为您输入URL。通常css中的文件引用与.

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

  • /Icons/jquery/image1.jpg
  • Icons/jquery/image1.jpg
  • /Icons/jquery/image1.jpg

  • 哪个是正确的?

    转到css文件,右键单击css类名>构建样式>背景>浏览图像。它将为您输入URL。

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

    如果将图像放在“Icons/images”中,则没有一个选项是正确的,正如您所说的图像可以在/Icons/jquery/image1.jpg中找到一样

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


    /Icons/images/image1.jpg

    @muhammed;为图像路径编写此代码 如果你的css在一个文件夹中

    background-image: URL("../Icons/jquery/image1.jpg");
    
    &如果主文件夹中有另一个文件夹,例如
    样式表文件夹
    &假设
    css文件夹
    ,则我们编写

    background-image: URL("../../Icons/jquery/image1.jpg");
    
    背景图像:URL(“#foo.jpg”),如果与相对路径一起使用,则相对于CSS文件工作。因此,如果样式目录中有一个CSS文件作为main.CSS,并且图像“image1.jpg”本身位于icons/jquery目录中,那么URL将是“icons/jquery/image1.jpg”