背景不透明度和标题不透明度

Question

当我输入图像的标题时，此代码由wordpress滑块插件生成。

<div class="bx-caption" style="color: rgb(0, 0, 0); font-size: 14px; font-family: 'Open Sans'; background-color: rgb(255, 255, 255);">
<span class="caption">This is a newspaper image</span>
</div>

如果我像这样放css：

div.bx-viewport .bx-caption {
    background:#5e7f6c !important;
    padding:1em;
    display:block;
    opacity:0.5;
}

div.bx-viewport .bx-caption .caption {
    color:#000;
    opacity:1.0;
}

它不起作用:-)我希望文本不透明，只有div.bx-viewport。这可能吗？