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

时间:2013-10-02 12:44:16

标签: html asp.net css

这里我正在使用VS2010终极开发一个项目,当我遇到这个问题时正在构建一些视图。我正在为一些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;
}

1 个答案:

答案 0 :(得分:1)

可能与url的{​​{1}}路径有关。一开始background-image有什么用?

~/ CSS url路径是相对于css文件的位置的,所以如果你的css文件在基本目录中并且你的图像在子文件夹background-image中,你应该这样输入它,而不是在开头使用App_Data/images(我不确定〜但在相对文件路径的开头有~/会返回到根目录)。如果您的css位于/的同级文件夹中,例如App_Data/,则会将其写为css/)。我建议尝试将其写为CSS文件的真正相对路径,而不是从根目录开始作为故障排除方法。

有关详细信息,请参阅this article。如果这不是问题,那是因为你没有在这里发布的其他内容。