在彈出菜單中設置背景不透明

我的彈出窗口有問題我想讓背景透明，但是當我在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-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>

來源

2017-05-18 C.S

如果您希望背景是透明的，你可以用'RGBA（0,0,0,0.5）;'，它不會影響文本 – Albzi

已經嘗試過，但沒有按不工作 –

觸發模式打開的HTML代碼/元素在哪裏？請問是否可以包含該代碼？ –

由於Albzi提到使用rgba作品。將您的imp-bg樣式更改爲此。

.imp-bg{background:rgba(0,0,0,0.7);}

來源

2017-05-18 10:42:02 srikar

作品我忘了刪除背景後的不透明度：0.5。謝謝！ –

我的事情會幫助你。根據您的需要設置您的背景不透明度。

#myModall { background: rgba(0,0,0,.5); }

來源

2017-05-18 10:44:11 zero

<div class="modal-dialog imp-bg">

.modal-dialog imp-bg 
{ 
    opacity: 0.5; 
    background-color: rgb(10, 10, 10); 
}

來源

2017-05-18 11:09:43

在彈出菜單中設置背景不透明

回答

相關問題