css - クロスブラウザ互換のCSS三角形の不透明度を設定できますか

Question

css矢印を使用するブレッドクラムを作成し、背景にグラデーションを適用したいのですが、css三角形自体にグラデーションを設定できませんでした。

三角形に不透明度を設定して、希望の背景グラデーションでdivの上に配置できるかどうか疑問に思っています。これもIE7まで互換性がなければなりません。これまでのところ運がありません。誰か提案はありますか？

Answer 1

矢印には PNG 画像を使用します。矢印画像の背景は透明にする必要があります。

Answer 2

探しているものを達成するための最良の方法は、画像を使用することです。IE7 は、JavaScript を操作しないと不透明度をサポートしていないと思います。背景が透明な gif または別の種類の画像を使用します。

Answer 3

これは、不透明度または<= IE8を設定する方法です

.triangle {
  filter: Alpha(Opacity=80); // ie argh!
  opacity: 0.8; // standard browsers
}