html - 使用 ie 6,7 和兼容性 View 时不显示 CSS HTML 背景图像

Question

您好，我遇到了以下问题: 使用所有浏览器时，它显示背景正常。使用 IE6,7 或兼容性 View 时没有显示背景图像。 当删除所有“背景图像”并仅保留后备时，一切正常。 请帮忙。
这是 CSS:

html,body{
     background: #529BCE;
     background-image: url('Img/bg.png'); /* fallback */
     background-image: url('Img/bg.png'), -webkit-gradient(linear, left top, left bottom, from(#1D3A62), to(#57A3D5)); /* Saf4+, Chrome */
     background-image: url('Img/bg.png'), -webkit-linear-gradient(top, #1D3A62, #57A3D5); /* Chrome 10+, Saf5.1+ */
     background-image: url('Img/bg.png'), -moz-linear-gradient(top, #1D3A62, #57A3D5); /* FF3.6+ */
     background-image: url('Img/bg.png'), -ms-linear-gradient(top, #1D3A62, #57A3D5); /* IE10 */
     background-image: url('Img/bg.png'), -o-linear-gradient(top, #1D3A62, #57A3D5); /* Opera 11.10+ */
     background-image: url('Img/bg.png'), linear-gradient(top, #1D3A62, #57A3D5); /* W3C */
     background-repeat: no-repeat;
     color:#18364B;
     font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
     font-size:20px;
     line-height:1.2em;
     margin:0;padding:0;
     height: 100%;
     overflow: auto;
    }

Answer 1

尝试为 ie6 和 ie7 重新声明背景图像。在您的 css 文件后添加以下内容:

<!--[if IE 6]><style>html,body{background:#529bce url("../Img/bg.png") 0 0 no-repeat}</style>
<![endif]-->
<!--[if IE 7]><style>html,body{background:#529bce url("../Img/bg.png") 0 0 no-repeat}</style>
<![endif]-->

这应该可行，但如果您在 IE6 中看不到 png，那是因为 png 不受支持。如果您仍然遇到问题，请更改每个样式，以便您知道您的目标是什么，然后从那里开始。