jquery - 半透明 div 中的非透明图像

Question

CSS

.popup {
    z-index: 10000;
    filter: alpha(opacity=40); 
    -moz-opacity: .40;
    background-color: #000000;
}

HTML

<div class="popup" style="display: none; overflow: auto;">
    <img  src="~/image.png" /> <!--it also becomes transparent. -->
</div>

我不想让图像透明。有帮助吗？

Answer 1

尝试为 background-color 设置透明度，而不是为元素设置 opacity，如下所示

背景颜色:rgba(255,0,0,0.5);//0.5 是您为颜色设置的透明度

有关详细信息，请参阅此 Article