标题背景图片未显示在ie6，ie7和ie8上

Question

你知道为什么我的标题的背景图片没有显示在ie6,7和8上尽管有后备以及如何解决这个问题？见http://goo.gl/YbW2xb

非常感谢

.wrapper-3 header {
background-image: url('../images/.jpg'); /* fallback */
  background-image: -webkit-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg');
  background-image:    -moz-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg');
  background-image:      -o-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg');
  background-image:     -ms-linear-gradient(91deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg');
  background-image:         linear-gradient(359deg, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0) 100%), url('../images/.jpg');
  background-position: 0% 0%, center center;
  opacity: 0.95;
}

看起来如何：

它应该如何：

Answer 1

问题是IE＆lt; 9没有完全支持新的HTML5语义标记，所以Css看不到你传递给它们的规则，就像你试图在“header”标签上做的那样（见截图IE8检查员）。请参阅此处以获取完整参考：Html5 Semantic Elements Support。使用“HTML5Shiv”polyfill启用兼容性：在这里查看Html5Shiv，然后使用Developer Inspector Bar进行调试（按F12）。对于自定义Css，请使用IE conditional stylesheets。

Answer 2

background: url('../images/.jpg'); /* hope you set a filename on this :D */

无论如何，你可能需要使用html5 shim

https://code.google.com/p/html5shiv/

在旧版浏览器中启用html5支持

Answer 3

尝试：

background: url('../images/.jpg'); /* fallback */