html - a href background image display not working with chrome -
the problem occurred when added href div. checked out site in safari , fine when opened chrome background image turns grey box.
i read question says display: inline-block should fix once site online updated github no luck! appreciated don't want have remove background image.
here github page ... https://michael-hands.github.io/jennielouise/
<a href="gallery.html" class="cake-smash"> <div class="box1"> <h2>cake smash</h2> <p class="animated">lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </a> .cake-smash position: relative height: 50% width: 100% display: block background-image: url("../img/cakesmash.jpg") background-position: center center background-repeat: no-repeat background-size: cover text-align: center display: inline-block margin-bottom: -5px padding: 0
Comments
Post a Comment