Javascript 在弹出窗口中设置背景不透明度
我的弹出窗口有问题,我希望背景是透明的,但是当我在css中将不透明度设置为0.5或更小时,文本也是透明的,并且非常暗。 如何将背景设置为50%不透明度,但文本仍为100%? 帮助会很好: 以下是完整的代码: 以下是html:Javascript 在弹出窗口中设置背景不透明度,javascript,html,css,popup,Javascript,Html,Css,Popup,我的弹出窗口有问题,我希望背景是透明的,但是当我在css中将不透明度设置为0.5或更小时,文本也是透明的,并且非常暗。 如何将背景设置为50%不透明度,但文本仍为100%? 帮助会很好: 以下是完整的代码: 以下是html: <div class="modal fade" id="myModall" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<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);}
正如Albzi提到的,使用rgba工作。将您的imp bg样式更改为此
.imp-bg{background:rgba(0,0,0,0.7);}
我想这会对你有帮助。根据需要设置背景不透明度
#myModall { background: rgba(0,0,0,.5); }
我想这会对你有帮助。根据需要设置背景不透明度
#myModall { background: rgba(0,0,0,.5); }
.模态对话框imp bg
{
不透明度:0.5;
背景色:rgb10,10,10;
}
.模态对话框imp bg
{
不透明度:0.5;
背景色:rgb10,10,10;
}
如果希望背景透明,可以使用rgba0,0,0.5;它不会影响已经尝试过但不起作用的文本。触发打开模式的HTML代码/元素在哪里?是否也可以包含该代码?将开场白添加到问题中如果希望背景透明,可以使用rgba0,0,0.5;它不会影响已经尝试过但不起作用的文本。触发打开模式的HTML代码/元素在哪里?是否也可以包含该代码?将开场脚本添加到questionworks我忘记删除背景后的不透明度:0.5。谢谢作品我忘了删除不透明度:0.5后的背景。谢谢