我有一个项目，它的背景图像不会在 IE 中显示，除非您在 ) 之间放置一个空格并且不重复。当您放置该空间时，它确实显示但被扭曲了。此背景图片适用于 Firefox 和 Chrome。
实时链接： http: //www.mastisolcostanalysis.com/survey
CSS：
#app-wrapper{
width: 1024px;
height: 768px;
min-height:100%;
margin: 0px auto;
/*margin-top: -384px;
position: relative;
top: 50%;*/
text-align: left;
background: url(../img/ui-frame.png)no-repeat;
overflow: hidden;
background-size: 100%;
}
任何帮助将不胜感激！
我发现问题出在背景图像的大小上。它是 2048 x 1536。
http://www.mastisolcostanalysis.com/img/ui-frame.png
您应该将其调整为 1024 x 768，正如您在#app-wrapper 上定义的那样。
IE8 无法像现代浏览器那样缩放图像。
将您的背景图像放在图像标记 () 中并为其添加一个类。在 HTML 结构中的 #app-wrapper 元素正上方添加此标记。像这样设置图像标签的样式：
img.bg {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}
这个网站帮助我使用 IE8 并且运行良好
好的，您的网站设置方式似乎存在重大问题。当我开始通过 FF 中的 Web Developer 扩展编辑 CSS 时，我注意到您只是将内容堆叠在彼此绝对定位的顶部，并且像疯了一样进行 z 索引。为什么这些不是单独的页面？我真的认为你的很多问题都必须处理你正在进行的绝对定位和 z-indexing 的数量。
当我弄乱了背景定位时，我注意到它处理事情的方式有些不对劲。
老实说，我会将这些内容部分中的每一个都分解成自己的页面，我认为仅此一项就可以帮助您将指南针指向正确的方向，以了解您遇到 IE 问题的原因。
另外，我强烈建议您在 Photoshop 或类似工具中自行缩小该图像。它的全尺寸为 2048x1536，但您试图将其强制为 1024x768。这也可能导致你的很多问题。
祝你好运。
用这个
background: url('../img/ui-frame.png') no-repeat;