使用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中有属性，当我改变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>

可能你的CSS文件在不同的目录下。image的Url是相对于css文件的，所以你应该把它改成例如:

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

你已经添加了更多的代码，所以在这种情况下答案将是:

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

相关内容

最新更新

热门标签：