title: Set Background Opacity in Popup
body: <p>i have a problem with my popup i want the background to be transparent but when i set opacity in css to 0.5 or less the text also is transparent and very dark.
  How can i set the background to 50% opacity but the text is still 100%?
  Help would be nice :)</p>
  
  <p>Heres the full code:
  <a href="https://jsfiddle.net/Lwbmdw2g/" rel="nofollow noreferrer">https://jsfiddle.net/Lwbmdw2g/</a></p>
  
  <p>Here the html:</p>
  
  <pre><code>  &lt;div class="modal fade" id="myModall" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
                        &lt;div class="modal-dialog imp-bg"&gt;
                          &lt;div class="modal-content imp-bg"&gt;
  
                            &lt;div class="modal-header imp-bg"&gt;
                              &lt;div class="title"&gt;
                                  &lt;div&gt;&lt;/div&gt;
                                  News
                              &lt;/div&gt;
                            &lt;/div&gt;
  
                            &lt;div class="modal-body"&gt;
                              &lt;div class="row"&gt;
                                  &lt;div class="col-lg-12 col-md-12 col-sm-12 imp-block"&gt;
  
                                      &lt;p class="mini imp-mini"&gt;
  
                                      &lt;strong&gt;Hier steht der News Text.&lt;/strong&gt;&lt;br /&gt;
  
                                      &lt;br /&gt;&lt;br /&gt;
                                      &lt;/p&gt;
  
                                  &lt;/div&gt;
  
                              &lt;/div&gt;
                            &lt;/div&gt;
  
                            &lt;div class="modal-footer"&gt;
                              &lt;button type="button" class="btn btn-default imp-button" data-dismiss="modal"&gt;X&lt;/button&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>Here the modal opening as requested:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(window).on('load',function(){
      $('#myModall').modal('show');
  });
  &lt;/script&gt;
  </code></pre>