Jquery 半透明div中的非透明图像
CSSJquery 半透明div中的非透明图像,jquery,css,Jquery,Css,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 become
.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>
我不想使图像透明。有什么帮助吗?尝试为
背景色设置透明度,而不是为元素设置透明度,如下所示
背景色:rgba(255,0,0,0.5)//0.5是您为颜色设置的透明度
有关详细信息,请参见此不透明度小于1的其他元素中的任何元素都不能以比其父元素更高的不透明度显示。每个子元素都继承父元素的属性。因此,除非你尝试其他方法,否则这是不可能的。