背景图像的CSS失败在IE7＆8

显示用于我具有IE 7和IE8显示背景图像问题的一些原因。在IE9和更现代的浏览器它的工作原理，并输出以下内容：背景图像的CSS失败在IE7＆8

Correct Image

（CSS的产量约为登录灰色边框元素）在IE7和IE8

但是我得到的是以下几点：

IE8 and 7 display

我不记得有与我做跨平台兼容性，但话又说回来其他网站我试试这个问题，并避免使用时下图像保存在页码年龄加载时间。

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

我做了一个快速谷歌搜索和以前的一些堆栈溢出的答案都建议修改CSS的格式如下：

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

然而这并未看起来也不行。

在此先感谢。

来源

2013-03-08 jezzipin

你为什么不使用CSS定义圆角边框？ – Lowkase 2013-03-08 14:21:43

因为它们不是支持IE8和IE7。 – jezzipin 2013-03-08 14:22:19

最佳做法是轮使用CSS边框角落，让边框优雅降级到旧版浏览器。使用背景图片一样，是一个尴尬的解决方案。 – Lowkase 2013-03-08 14:25:33

因为这是我的第一个响应式设计，我不得不使用媒体查询，以适应基于屏幕/视区大小的CSS 。看来，只有“媒体=”“屏””和‘媒介=‘打印’’的声明在IE7和IE8的意思我的申报工作：将不工作这是我的背景图片无法显示的原因是因为IE7和8不明白这个声明，并因此忽略它。感谢您的其他有效的答案球员，但他们的事情我已经知道了，并曾试图。

来源

2013-03-08 14:43:08 jezzipin

雅我注意到了这一点，因为我看到了你的列表项和你有的其他边界。我以为你打破了一些CSS。因为不仅背景而且大部分CSS都不起作用。 – madhushankarox 2013-03-08 14:46:25

确切地说，虽然我不确定这是因为他们还提供了一个我甚至没有看过的IE特定样式表，所以我认为这是导致格式问题的其他地方。 – jezzipin 2013-03-08 14:48:09

你需要指定DIV背景的height为它在显示旧版本的IE。

来源

2013-03-08 14:25:37 fredrik

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

来源

2013-03-08 14:35:23 madhushankarox

背景色：透明帮助，IE 7和8不能处理象RGBA（0,0,0,0）例如表达式，只有RGB（0,0,0）或透明的。 – 0x4a6f4672 2013-12-06 08:53:29

背景图像的CSS失败在IE7＆8

回答

相关问题