如何使用带有非透明文本的透明DIV?

不,没有。

或者使用半透明的24位PNG为不透明元素创建半透明的背景,或者将两个元素叠加在一起。

IIRC,你必须变得棘手。

本质上,您希望创建半透明的DIV,空的。然后将文本放在另一个分区中,并将其放置在第一个分区的顶部。

尽管已经回答了这个问题,但这里还有一个选项不需要图像,但需要jquery。

JQuery

var c = $('#container');
$('#transparent').css({
    width: c.outerWidth(),
    height: c.outerHeight(),
    top: c.offset().top,
    left: c.offset().left
});

CSS

​#transparent {
    background-color: black;
    position: absolute;
    z-index:-1;
    opacity: 0.2;
}

HTML

​<div id='container'>
Text
<div/>
<div id='transparent'>
</div>​

试一试

http://jsfiddle.net/yEmUn/

你可以用两个潜水器(他们都不是孩子)。底部分层的DIV将是半透明的,顶部分层的DIV将用于保存文本。