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

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -