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 に答える