透明背景,纯文本?

我的头撞了这个有一段时间了。对于一个网站的CSS重新设计,我需要一个父级的DIV有一个背景图像,后面跟着一个具有透明背景的P子级,但是前景文本需要保持100%的不透明度。我试着制作一个1倍的半透明(40%)白色的图像,但当与背景图像一起使用时,它不会显示出来。我已经证实这和重复被解雇无关。

如果我使用专有材料,文本也会受到影响,这不起作用。

网站需要在两种设计之间切换,这样我就不能将文本移动到另一个子元素中。

jquery被大量使用,如果这能帮助我,它将是完美的。

Markup:

CSS:

.titles
{
    background-color: #FFF;
    background-image: URL("../images/Vessel_TitleBackground.jpg");
    padding-top: 2px;
    font-weight: bolder;
    text-align: left;
}
.titles p
{
    text-indent: 2%;
    background-color: #FFF;
    filter:alpha(opacity=60); 
    -moz-opacity: 0.6; 
    opacity: 0.6;
    font-size: 1.1em;
    color: #000;
}

HTML:

<div>
    <div class="titles">
        <p>YEY</p>
    </div>
    <div class="contents">YEY
    </div>
</div>