html - Making a div with a transparent background image behind non-transparent list -
how make div has background image behind list, list doesn't become transparent?
i'm trying right now:
<div class="talking-points" style="background: url({{talkingpointsimage}}); background-size: 100%; opacity: 0.05; 0 0"> <h2>{{title}}</h2> <ul> <li ng-repeat="issue in subcategories" style="list-style-type:none; opacity: 1;"> <input type="radio" name="radio" ng-model="question.stance" ng-value="-1"> {{issue.issue}} </li> </ul> </div> right now, making entire thing transparent. 1 problem i'm using angular $scope place image path skeleton page, seems has declared in .html angular picks up.
i using before or after
li { background: transparent; position: relative } li:after { content: ''; position: absolute; background-image: url('yourbgimage.jpg'); height: 100%; width: 100%; left: 0; top: 0 }
Comments
Post a Comment