2

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

正确的图像

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

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

IE8 和 7 显示

我不记得与我制作的交叉兼容的其他网站有这个问题，但我现在再次尝试避免使用图像来节省页面加载时间。

我的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;
}

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

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

但是，这似乎也不起作用。

提前致谢。

4

3 回答 3

1

您需要指定heightdiv 背景的类型才能在旧版本的 IE 中显示。

于 2013-03-08T14:25:37.143 回答
1

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

于 2013-03-08T14:35:23.227 回答
0

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

于 2013-03-08T14:43:08.507 回答