Login
·
Signup
Home
»
XtGem
»
Questions about service
»
code support
» View post
Graham
bemethavinci
Position the text in
.image-container .text
class
http://baretest.xtgem.com/tests/imtxt
CSS
.image-container { position: relative; } .image-container img { max-width:100%; border:2px solid ; border-radius:4px; display:inline-block; } .image-container .text { position: absolute; bottom: 8px; left: 8px; padding:4px; display: inline-block; color: #FFF; background: rgba(0, 0, 0, .6); }
HTML
<div class="image-container"> <img src=" YOUR IMAGE " /> <div class="text">This is some content</div> </div>
#
2017-03-09 14:51 (edited 2017-03-09 15:09 by
Graham
) ·
(0)
Home
»
XtGem
»
Questions about service
»
code support
» View post
Online: Guests: 1
Log in
Graham
bemethavinci 
bemethavinci