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

Popular posts from this blog

ios - MKAnnotationView layer is not of expected type: MKLayer -

ZeroMQ on Windows, with Qt Creator -

unity3d - Unity SceneManager.LoadScene quits application -