Question

（我使用的是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>

Answer 1

可能您的CSS文件位于不同的目录中。图像的URL与css文件相关，因此您应将其更改为例如：

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

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

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

使用css设置背景图片时遇到问题

1 个答案: