html - 在 IE 中显示但在 chrome 中不显示的 div 的背景图像

Question

我在这里使用 VS2010 Ultimate 开发一个元素，当我遇到这个问题时正在构建一些 View 。我正在为一些 div 类定义背景图像，例如 .jpg、.png，但它们仅在 IE6 中可见，在 chrome 中不可见这是 div 类

<div class="log_pad"> 

这是它的风格

.log_pad 
{
background-image: url('~/App_Data/images/login_pallete.png') no-repeat;
width: 478px;
height: 397px;
margin: 0px;
padding: 0px;
overflow:hidden;
float: left;
}

Answer 1

可能与 background-image 的 url 路径有关。开头的~/是什么意思？

background-image CSS url 路径是相对于 css 文件的位置，所以如果你的 css 文件在基目录中，而你的图像在子文件夹 App_Data/images 你应该这样输入，而不是 ~/ 开头(我不确定 ~ 但 / 在相关文件的开头path 返回根目录)。如果您的 css 位于 App_Data/ 的同级文件夹中，例如 css/，您可以将其写为 url(../App_Data/images/login_pallete.png)。我建议尝试将其编写为 CSS 文件的真实相对路径，而不是从根目录开始作为故障排除的一种方式。

参见 this article获取更多信息。如果这不是问题，那是因为您没有在此处发布的其他内容。