Html 使用css设置背景图像时出现问题_Html_Css

Html 使用css设置背景图像时出现问题

html css

Html 使用css设置背景图像时出现问题,html,css,Html,Css,（我正在使用Visual Studio 2013）我想为我的网页设置背景。如果我把 CSS body { background-image: url("Content/Images/back.png"); } 在我的aspx文件中，它将工作并设置我想要的背景。然而，当我把css文件，它不会工作这就是css的外观 body { background-image: url("Content/Images/back.png"); } 我想提到的是，我在aspx中有一个属性，当我

（我正在使用Visual Studio 2013）我想为我的网页设置背景。如果我把

CSS

body {
    background-image: url("Content/Images/back.png");
}

在我的aspx文件中，它将工作并设置我想要的背景。然而，当我把css文件，它不会工作

这就是css的外观

body {
    background-image: url("Content/Images/back.png");
}

我想提到的是，我在aspx中有一个属性，当我在css中更改背景颜色以测试它的工作时。但对于背景来说，这是行不通的

这是我的.aspx文件

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="EmptyWebForm.Default" %>
<link href="Content/Styles/styles.css" rel="stylesheet" type="text/css" />
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>

            <style type="text/css">
                /*body {
                    background-image: url("Content/Images/back.png");
                }*/
            </style>

        </div>
    </form>
</body>
</html>


/*身体{
背景图片：url（“Content/Images/back.png”）；
}*/

您的CSS文件可能位于不同的目录中。图像的Url是相对于css文件的，所以您应该将其更改为，例如：

body {
    background-image: url("../Content/Images/back.png");
}

您添加了更多代码，因此在这种情况下，答案将是：

body {
    background-image: url("../Images/back.png");
}

项目中的

.css

文件在哪里？

Content

是否与文件位于同一目录中<代码>url（）路径与样式表的路径相对。css位于Content\Styles\Styles.css中！请注意，当它在.aspx文件的主体中时，它工作得非常好，所以我认为问题不在于路径！当它位于页面主体中时，路径是相对于页面的。由于已将其移动到

.css

文件中，因此必须相应地调整路径。试试

url（“../Images/back.png”）

@JonathanLonowski我已经这么做了！让我们更清楚一点，我是否像Marcin Nabialek提到的那样将其放入.css文件中？！如果是，那么我应该如何在我的aspx文件中调用它？因为它甚至不能使用url（“../Images/back.png”）。我刚刚更新了我的问题，我已经把我的.aspx文件@JonathanLonowski我删除了浏览器缓存，它成功了！我猜正确的路径是您提到的url（../Images/back.png）。非常感谢你！是的，很可能是你的文件路径。另外，要注意

background

vs.

background image”等，因为在某些情况下，您可能会被绊倒，因为background`采用图像和颜色-谢谢，我尝试了background image:url（../Content/Images/back.png”）；但它不起作用！请注意，当它在.aspx文件的主体中时，它工作得非常好，所以我认为问题不在于路径！