背景图片在浏览器中不可见答案

【问题标题】：Background image not visible in the browser背景图片在浏览器中不可见
【发布时间】：2013-08-18 02:03:12
【问题描述】：

我创建了一个简单的 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 页面本身的样式标记中。我可以在设计器中看到图像，但是当我在浏览器中打开页面时，我无法查看图像。它发生在我尝试过的所有浏览器中。我在这里错过了什么？

【问题讨论】：

您在网络标签中看到了什么？
我怀疑“图片”上的大写字母 I 可能会把它扔掉。
我有一个错误：资源解释为图像，但在我的网络和控制台选项卡中使用 MIME 类型 text/html 传输

标签： html asp.net css cross-browser

【解决方案1】：

编辑：你需要引号

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

还可以尝试将您的网址完全限定为图片。

【讨论】：

如果您有未转义的特殊字符，您只需需要引号：stackoverflow.com/questions/2168855/css-url-are-quotes-needed
不用担心。总是添加引号并不是一个坏习惯。
@Grim 我试过你的选择。我仍然无法在浏览器中看到图像。我的浏览器控制台出现此错误：资源解释为图像但使用 MIME 类型文本/html 传输

【解决方案2】：

如果您在 Linux 环境中，您的目录文件名需要区分大小写。

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

【讨论】：

我在 Windows 上，我尝试将我的 Images 文件夹重命名为 images

【解决方案3】：

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

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

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

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

感谢大家的快速回复，我很抱歉错过了我实际问题中的详细信息。我真的不认为它与身份验证有关。

【讨论】：