/Html/Css comment placer un icon sur une photo

Css comment placer un icon sur une photo

.container { position: relative; }
.container img { display: block; }
.container .fa-download { position: absolute; bottom:0; left:0; }

Source: stackoverflow.com

Css comment placer un icon sur une photo

<link href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" rel="stylesheet"/>

<div class="container">
   <img src="https://placekitten.com/300/300">
   <a href="dog.png" download="new-filename"><i class="fas fa-download"></i></a>
</div>

Source: stackoverflow.com

Similar codes

7 votes98 views2 answers
Specifying file types in html file input
Html
2 votes97 views1 answer
Vue router link dynamic id
Html
34 votes128 views10 answers
Jquery
Html
30 votes121 views1 answer
Fork me github ribbon code html css
Html
57 votes102 views6 answers
Play sound in javascript
Html
0 vote102 views1 answer
Django bootstrap where to put the files
Html
0 vote115 views1 answer
How to download html image with name using jquery
Html
3 votes122 views1 answer
Form tag radio
Html
1 vote117 views2 answers
Html anchor tag
Html
0 vote130 views1 answer
Difference between section and div
Html