リンクボタンを作成する場合、グラデーションの背景をしいて、その上に「背景で矢印画像」を置くというようなグラデーションと背景を1つの要素で同時に表現したい場合があります。上記のような感じ。

やり方は意外と簡単。

「background」で画像→グラデーションと設定してあげればOKです。
（逆だと、ダメです）


【CSS】

#backbox {
  background: url(画像URL) , -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
  background:url(画像URL) , -webkit-linear-gradient(top, #000000 0%, #ffffff 100%); ;
  border:1px solid #c0c0c0;
  width:100%;
  height:300px;
}

【HTML】

<div id="backbox">
</div>

という感じです。