背景图像在浏览器中不可见

时间:2013-08-15 19:26:33

标签: html asp.net css cross-browser

我创建了一个简单的aspx页面,并使用css为我的页面分配了背景图像,如下所示:

html {
    background: url(Images/backImage.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

样式位于带有aspx页面的样式标记中。我可以在设计器中看到图像,但是当我在浏览器中打开页面时,我无法查看图像。它发生在我尝试的所有浏览器中。我在这里缺少什么?

3 个答案:

答案 0 :(得分:1)

编辑:你需要引号

background: url("Images/backImage.jpg")

同时尝试将您的网址完全限定为图片。

答案 1 :(得分:0)

如果您在Linux环境中,则目录文件名必须区分大小写。

如果服务器上的图像目录是“图像”,则“图像”不起作用。我已经把头发拉了几次。

答案 2 :(得分:0)

我找到了。它实际上与css无关。我在我的Web应用程序中使用表单身份验证我已将所有资源的保护设置为:

<forms name=".ASPXFORMSDEMO" loginUrl="logon.aspx" protection="All" path="/" timeout="30" />

我意识到我需要允许未经身份验证的用户访问images文件夹,并在system.web标记之后的web.config中添加以下内容:

<location path="images">
<system.web>
  <authorization>
    <allow users ="*" />
  </authorization>
</system.web>

感谢大家的快速回复,我很抱歉错过了实际问题的详细信息。我并不认为这与认证有关。