Css MVC4中的背景图像不工作

我正在使用mvc 4的基本模板。我想为我的div元素设置背景图像。我的样式表位于“~/Content”目录中。这是我的.cshtml文件的一部分，我正在尝试直接指定没有css的图像：

        <div id="add_image" class ="image_bar" style="background-image:url(add.jpg)" ></div>

---

css和直接“样式化”都不起作用-怎么了？谢谢。

在第二个示例中，您使用的是“~/”名字对象，这是一个.NET东西，指示代码查看站点的根目录。由于.NET引擎不处理CSS文件，“~/”无效，可能会向服务器发出非常糟糕的HTTP请求

由于内容目录中有CSS，一种解决方案是在内容中创建一个名为“images”的子目录。将所有CSS图像存储在该文件夹中。然后，您可以从CSS文件中调用和引用该文件中的图像，如下所示：

#add_image {
    background-image:url('images/add.jpg');
}

#add_image:hover {
    background-image:url('images/addhover.jpg');
}

这是假设目录结构如下所示：

• 内容
  • 图像
    • add.jpg
    • addhover.jpg
  • site.css

---

虽然我不是设计师，但我相信CSS会查找与CSS文件位置相关的图像，而不是像HTML这样的web应用程序的根。此外，如果您将图像存储在与CSS文件相同的目录中，那么您应该能够调用那些不带“images/”前缀的图像。但是，大多数人喜欢将资源分开。

在第二个示例中，您使用的是“~/”名字对象，这是一个.NET东西，指示代码查看站点的根目录。由于.NET引擎不处理CSS文件，“~/”无效，可能会向服务器发出非常糟糕的HTTP请求

由于内容目录中有CSS，一种解决方案是在内容中创建一个名为“images”的子目录。将所有CSS图像存储在该文件夹中。然后，您可以从CSS文件中调用和引用该文件中的图像，如下所示：

#add_image {
    background-image:url('images/add.jpg');
}

#add_image:hover {
    background-image:url('images/addhover.jpg');
}

这是假设目录结构如下所示：

• 内容
  • 图像
    • add.jpg
    • addhover.jpg
  • site.css

虽然我不是设计师，但我相信CSS会查找与CSS文件位置相关的图像，而不是像HTML这样的web应用程序的根。此外，如果您将图像存储在与CSS文件相同的目录中，那么您应该能够调用那些不带“images/”前缀的图像。但是，大多数人喜欢将资源分开。

而不是

背景图片：url（“~/add.jpg”）

试用

背景图片：url（'./add.jpg'）

而不是

背景图片：url（“~/add.jpg”）

试用

背景图片：url（'./add.jpg'）

试一试

背景图像：url（'../add.jpg'）

试试看

背景图像：url（'../add.jpg'）

试试这个 **示例-

background-image:url('../img/home_bg.jpg');**

background-image:url('../**ImageFolderName**/add.jpg');

试试这个 **示例-

background-image:url('../img/home_bg.jpg');**

background-image:url('../**ImageFolderName**/add.jpg');

---

在将图像放在根目录之前，我将它们保存在图像文件夹中，css与您显示的完全相同。但这不起作用。可能是我自己的错误。相对于css文件，图像文件夹在哪里？另外，请不要使用CSS:）文件夹结构。有一个我之前没有指定的奇怪行为-当鼠标悬停在预期的图像位置时，它（预期的图像区域）会将背景从透明变为明亮的颜色。很难准确地说出这里可能存在的问题。可能有其他CSS覆盖了行为，为了使这项工作顺利进行而更改的内容可能会产生干扰，等等。我建议您启动一个新项目（不要使用空模板），并尝试在干净的环境中实现所需的内容。此外，请检查Firebug或使用Chrome的开发者控制台查看浏览器正试图解析的内容（URL）。在将图像放置到根目录之前，我将它们保存在图像文件夹中，css与您显示的完全一致。但这不起作用。可能是我自己的错误。相对于css文件，图像文件夹在哪里？另外，请不要使用CSS:）文件夹结构。有一个我之前没有指定的奇怪行为-当鼠标悬停在预期的图像位置时，它（预期的图像区域）会将背景从透明变为明亮的颜色。很难准确地说出这里可能存在的问题。可能有其他CSS覆盖了行为，为了使这项工作顺利进行而更改的内容可能会产生干扰，等等。我建议您启动一个新项目（不要使用空模板），并尝试在干净的环境中实现所需的内容。此外，请检查Firebug或使用Chrome的开发者控制台查看浏览器试图解析的内容（URL）。请添加更多详细信息。您的帖子将被投票删除。什么详细信息，您对此有什么不理解？您的答案将被投票删除，因为它的质量很低。请添加更多详细信息。您的帖子将被投票删除。什么细节，有什么我不能理解的？您的答案将被投票删除，因为它的质量很低