5693 次
1 に答える
2
に行くのではなく、代わりbackground-color:rgba
に使用してくださいopacity:x
。IE9、Chrome、FF、Opera、Safariは、透明性のためにこれを使用します。例えば:
<select style="opacity:0.5;">
不透明度は、0(完全に透明)から1までの値を取ります。
主に最新のブラウザを対象としていますが、IE8以前の場合は、を使用する必要がありますfilter:alpha(opacity=50)
(上記の例に関して、ここでの不透明度は0〜100の値を受け入れます)。
結論として
<select style="opacity:0.5;filter:alpha(opacity=50);">
最新のブラウザとIE8以前でサポートされている半透明の選択コントロールを提供します。
この手法では、selects childsオプションも指定された不透明度を取得するため、option-tagsのテキストもフェードアウトします。
Mikkel Fausingはbackground-color:rgba(r,g,b,a)
、と組み合わせて使用して-webkit-appearance: none;
もテキストがフェードしないことを発見しましたが、selectに適用すると、このコントロールがドロップダウンボックスであることを示す小さな矢印が削除されます。例えば:
<select style="background-color:rgba(0, 0, 0, 0.2); -webkit-appearance:none;">
于 2012-11-09T08:51:57.363 に答える