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

Question

你知道为什么我的标题的背景图片没有显示在is 6，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<9不完全支持新的HTML5语义标记，因此Css无法看到您传递给它们的规则，就像在"header“标记上所做的那样(参见IE8检查器的屏幕截图)。有关完整的参考资料，请参阅这里：Html5语义元素支持。使用"HTML5Shiv“填充来启用兼容性:在这里查看一下Html5Shiv，然后使用Developer检查器栏进行调试(按下F12)。对于自定义Css，请使用IE条件样式表。

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 */