背景图像css无法在IE7＆amp; 8

Question

出于某种原因，我在IE 7和IE8中显示背景图像时遇到问题。在IE9和更现代的浏览器中，它可以工作并输出以下内容：

（CSS在Login周围生成灰色边框元素）

然而，在IE7和IE8中，我得到的是以下内容：

我不记得我与其他网站交叉兼容时出现此问题，但我再次尝试避免使用图片来节省页面加载时间。

我的CSS如下：

#contentright .panel {
   background-image: url("/incl/images/bg_panel200.gif");
   background-repeat: no-repeat;
}


#contentright .panelbottom {
background-image: url("/incl/images/bg_panelbottom200.gif");
background-position: center top;
background-repeat: no-repeat;
}

我做了一个快速的Google搜索，之前的一些Stack Overflow答案建议将CSS修改为以下格式：

 background: url('/incl/images/bg_panelbottom200.gif') no-repeat center top;

然而，这似乎也不起作用。

提前致谢。

Answer 1

您需要指定div背景的height才能在旧版本的IE中显示。

Answer 2

尝试对元素使用display:block并设置width，height也使用border:none; background-color:transparent

Answer 3

由于这是我的第一个响应式设计，我不得不使用媒体查询来根据屏幕/视口大小调整css。似乎只有“media =”'screen'“和”media ='print'“声明在IE7和IE8中工作意味着我的声明：将无效。这就是我的背景图像不显示的原因，因为IE7和8不理解这个声明，因此忽略它。感谢其他有效答案的人，但他们是我已经知道并尝试过的事情。