我的弹出窗口有问题,我希望背景是透明的,但是当我将 css 中的不透明度设置为 0.5 或更低时,文本也是透明的并且非常暗。 如何将背景设置为 50% 不透明度但文本仍然是 100%? 帮助会很好:)
完整代码如下: https://jsfiddle.net/Lwbmdw2g/
这里是 html:
<div class="modal fade" id="myModall" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog imp-bg">
<div class="modal-content imp-bg">
<div class="modal-header imp-bg">
<div class="title">
<div></div>
News
</div>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 imp-block">
<p class="mini imp-mini">
<strong>Hier steht der News Text.</strong><br />
<br /><br />
</p>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default imp-button" data-dismiss="modal">X</button>
</div>
</div>
</div>
</div>
这里是请求的模式打开:
<script type="text/javascript">
$(window).on('load',function(){
$('#myModall').modal('show');
});
</script>
最佳答案
正如 Albzi 提到的,使用 rgba 是可行的。将您的 imp-bg 样式更改为此。
.imp-bg{background:rgba(0,0,0,0.7);}
关于javascript - 在弹出窗口中设置背景不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44045175/