2011-02-10 80 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。将其设置为您的背景图片。