2011-02-10 42 views
1

私は、ヘッダーとフォームを含むdivを持っています。透明な背景のみ

これは他の要素の上に浮かぶので、私はその背景を透明にしたいと思います。

入力フィールドとテキストを完全に不透明に保ちながら、背景を透明にする方法を理解できません。

私は次のことを試してみました:助けを

var control = $("myControlDiv"); 
control .show(); 

control .setStyle({opacity:"0.60", filter:"alpha(opacity=60)"}); 
var children = control .childElements; 

for (var i = 0 ; i < children.length; i++) 
    children[i].setStyle({opacity:"1.00", filter:"alpha(opacity=100)"}); 

感謝を。

答えて

2

不透明度ではなく、背景を設定する必要があります。

さまざまなアプローチがあります。より効率的なものは、ブラウザが最も不十分です。この資料では、how to implement them in a backwards compatible fashionについて説明します。

+0

もう一度、すなわちラグ:リンクのSのTHX。 – pstanton

0

フォームの周りにdivを設定するだけです。

<div style="background:transparent;height:300px;width:300px;"></div>

1

さて、あなたは背景色の上に設定した場合はもちろん、(背景のみのためではなく、色とアルファを設定し、CSS 3 RGBAを、使用することができますIE以外のすべてのブラウザのために)。たとえば、これは60%の透明な黒の背景色はCSSでどのように見えるかです:

background-color:rgba(0,0,0,0.60); 

IEの場合、それはより複雑であるが、それのための素晴らしいガイドがあります: http://www.daltonlp.com/view/217

-1

唯一の方法あなたはこれを行うことができます:

a)は非常に人口の面で制限されてCokegodのポストに似て使用CSS3、、、など

B)をその中にあなたの背景のdivを配置し、あなたのコンテンツを収容するdiv要素を作成します。不透明度の設定を背景レイヤーに適用します。不透明度/フィルタは要素全体に適用されるため、「背景」divを作成すると不透明度が適用され、コンテナは影響を受けません。それは少し痛みですが、うまくいきます。

これが役に立ちます。

+0

不透明度は、最後にレンダリングされた要素とすべての子孫の半透明を設定します。つまり、動作しません。 – Quentin

+0

動作します。私はこれをこのように構築しました。背景要素に不透明度を適用しているのなら、それは本当に簡単です。コメントをドッキングする前に自分の投稿をチェックしてください。コンテナのdiv内にバックグラウンドdivを作成したことがわかります。 – TNC

1

透明度60%(またはそれ以上)の単一ピクセルPNGを作成します。これを背景画像として設定します。