0

我使用这个参考来完成这项工作。然而,它似乎并没有起到作用。我错过了什么?我只需要另一双眼睛。谢谢你。

背景图像显示,但不显示渐变。这是一个小提琴,向您展示我的意思。

我究竟做错了什么?

  background: #23458E;
  background-image: url('/static/images/grey.png'); /* fallback */
  background-image: url('/static/images/grey.png'), -webkit-gradient(linear, left top, left bottom, from(#23458E), to(#2661A8)); /* Saf4+, Chrome */
  background-image: url('/static/images/grey.png'), -webkit-linear-gradient(top, #23458E, #2661A8); /* Chrome 10+, Saf5.1+ */
  background-image: url('/static/images/grey.png'),    -moz-linear-gradient(top, #23458E, #2661A8); /* FF3.6+ */
  background-image: url('/static/images/grey.png'),     -ms-linear-gradient(top, #23458E, #2661A8); /* IE10 */
  background-image: url('/static/images/grey.png'),      -o-linear-gradient(top, #23458E, #2661A8); /* Opera 11.10+ */
  background-image: url('/static/images/grey.png'),         linear-gradient(top, #23458E, #2661A8); /* W3C */
4

1 回答 1

3

图像是完全不透明的,因此由于它是在渐变之前指定的,因此它覆盖了渐变。

你的图像和渐变都是完全不透明的,所以不清楚你到底想用它们来完成什么。对你的问题的解释是我目前能提供的最好的解释。

于 2013-05-15T19:48:02.597 回答