html - Opaque image over Transparent Background -
i want make image opaque on 70% opaque background. working on tboxsolutionz.com/dev12345
when portfolio item clicked div loaded (code div given below)
<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 bit of mischief in new endless runner game built pros & casual game players. monster mischief insanely easy pick , play simple tap control system. navigate monster through obstacles while picking sweet upgrades along way pimp out character. available iphone, ipod, & ipad.</p>--> <img class="img-responsive img-centered" src="img/portfolio/image11.jpg" alt=""> <p class="zoom-text">monster bit of mischief in new endless runner game built pros & casual game players. monster mischief insanely easy pick , play simple tap control system. navigate monster through obstacles while picking sweet upgrades along way pimp out character. available iphone, ipod, & 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>
i have tried several aspects css , html including z-index, making background of image white nothing working
try give opacity:0.1;
to image or try overlay div same opacity.
Comments
Post a Comment