투명한 배경 위에 불투명 한 이미지

70 % 이상의 불투명 한 배경 위에 불투명 한 이미지를 만들고 싶습니다. 포트폴리오 항목이 사업부가로드를 클릭하면 내가, Z- 인덱스를 포함하여 CSS와 HTML에서 여러 측면을 시도하고있다투명한 배경 위에 불투명 한 이미지

<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>

(코드가 DIV 아래 주어집니다) tboxsolutionz.com/dev12345

작업입니다 이미지의 배경은 흰색이지만 아무 것도 작동하지 않습니다.

출처

2017-04-07 Faizan Zahid

당신이 순간에 .. 그것의 아주 불분명 원하는 것을 구체적하시기 바랍니다 투명 내용 흰색과 나머지 영역의 배경을했다 .. 어떤 이미지에 대해 이야기하고 있습니까? 불투명합니다. –

'나는 70 % 이상의 불투명 한 배경 이미지를 불투명하게 만들고 싶습니다.'라는 말과이 이미지의 배경을 흰색으로 만드는 것을 설명하십시오. 약간 혼란 스럽지만 클래스 투명 배경을 가진 –

Div에는 70 % 불투명도가 부여됩니다. 이로 인해 도 70 % 불투명 해집니다. 불투명도를 100 %로 만들고 싶습니다. –

이미지에 opacity:0.1;을 보내거나 동일한 불투명도로 오버레이 div를 시도해보십시오.

출처

2017-04-07 15:13:49

나는 스타일

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

에 따라 그것을했다하지만이

출처

2017-04-07 17:20:07

투명한 배경 위에 불투명 한 이미지

답변

관련 문제