css - Background images rounded cornes -


i want make rounded cornes on background images. seems effect div box instead.

<div class="watermark"> <div class="watermark-image" style="background-image:url({{blogthreadlist.bloguri}});"></div> <div class="col-md-12">something else</div> <div class="col-md-12">something more..</div> <div class="col-md-12">something @ end</div> 

.watermark {   display: block;   position: relative; }  .watermark-image {   content: "";   opacity: 0.2;   top: 0;   left: 0;   bottom: 0;   right: 0;   position: absolute;   z-index: -1;    } 

how round cornes of images , not div box? div larger picture..

you can have separate <img> tag image , set border-radius

<div class="watermark-image"><img class="rounded-img" src="{{blogthreadlist.bloguri}}"></img></div> 

css

.rounded-img {   border-radius: 3px; } 

Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -