2017-04-07 133 views
0

我想使图像在70%不透明背景上不透明。我对tboxsolutionz.com/dev12345透明背景上的不透明图像

工作当单击组合项目一个div被加载(代码为该分区在下面给出)

<div class="portfolio-modal modal fade transparent-background in" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="false" style="display: block;"><div class="modal-backdrop fade in" style="height: 846px;"></div> 
    <div class="modal-content"> 
    <!-- <div class="close-modal" data-dismiss="modal"> 
     <div class="lr"> 
     <div class="rl"> </div> 
     </div> 
    </div>--> 
    <div class="container containerport"> 
     <div class="row"> 
     <div class="col-lg-8 col-lg-offset-2"> 
      <div class="modal-body"> 
      <!-- Project Details Go Here --> 
      <h2>Monster Mischief</h2> 
      <!--<p class="item-intro">Monster is up to a bit of mischief in the new endless runner game built for the pros & casual game players. Monster Mischief is insanely easy to pick up and play with a simple tap to control system. Simply navigate Monster through the obstacles while picking up sweet upgrades along the way to pimp out your character. Available now for your iPhone, iPod, & iPad.</p>--> 
      <img class="img-responsive img-centered" src="img/portfolio/image11.jpg" alt=""> 
     <p class="zoom-text">Monster is up to a bit of mischief in the new endless runner game built for the pros &amp; casual game players. Monster Mischief is insanely easy to pick up and play with a simple tap to control system. Simply navigate Monster through the obstacles while picking up sweet upgrades along the way to pimp out your character. Available now for your iPhone, iPod, &amp; iPad.</p> 
      <ul class="list-inline"> 
       <!--<li><strong>Client</strong>: John Doe</li> 
       <li><strong>Category</strong>: Web Design</li>--> 
       <li><a href="https://itunes.apple.com/us/app/monster-mischief/id852235026?mt=8" target="_blank"><img src="img/portfolio/App_Store.png" width="120" style="float:right;margin-right: 10px;" align="bottom"></a> 
          </li> 
      </ul> 
      <button type="button" class="btn btn-primary centered" data-dismiss="modal"><i class="fa fa-times"></i> Close</button> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

我试图从CSS和HTML几个方面,包括z索引,使图像背景白色,但没有任何工作

+0

请更具体的你要。其目前还不是很清楚什么样的背景..你在说什么图片,你想不透明.. –

+0

请解释一下“我想在70%不透明背景下使图像不透明”的意思是......还有这个“使图像的背景变白”。它有点混淆你想要 –

+0

Div与类透明背景给出70%的不透明度。由于其中也成为70%不透明我想使其不透明度100% –

回答

0

试图给opacity:0.1;的图像或尝试覆盖div具有相同的不透明度。

0

我做到了按照造型

.fade.in 
{background-color:rgba(181,181,181,0.7)} 
.modal-content 
{ z-index:15; 
    background-color: white 
    } 

,但本作内容白色和休息区透明