2011-02-10 123 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)"}); 

感謝您的幫助。

回答

0

只需在窗體周圍設置一個div即可。

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

1

那麼,對於所有除了IE,你可以使用CSS 3 RGBA中,設定顏色和字母,但只適用於背景(如果你設置的背景色,當然瀏覽器)。例如,這是60%透明的黑色背景色的外觀在CSS:

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

對於IE是比較複雜的,但對於一個偉大的指南: http://www.daltonlp.com/view/217

-1

的只有你的方式能做到這一點是:

一)使用CSS3,類似Cokegod的帖子,這是非常人口統計方面的限制等

b)創建,裏面內容股利,將內,你的背景DIV並將不透明度設置應用於背景圖層。由於不透明度/過濾器適用於整個元素,因此創建「背景」div可以實現不透明度,並且容器不受影響。這有點痛苦,但它有效。

希望這會有所幫助。

+0

不透明度設置了最終渲染元素及其所有後代的半透明度 - 因此不起作用 – Quentin 2011-02-10 21:40:05

1

創建透明度爲60%(或無論多少)的單像素PNG。將其設置爲您的背景圖片。