фоном-изображение не работает в хромированном

Question

.button { 
     background: transparent url("/assets/LoD-Button-Normal.png") no-repeat bottom right; 
     width: 110px; 
     height: 30px; 
     display: block; 
     background-position: bottom right; 
     text-align:center; 
    } 

    .button_click { 
     background: transparent url("/assets/LoD-Button-Click.png") no-repeat bottom right; 
     width: 110px; 
     height: 30px; 
     display: block; 
     background-position: bottom right; 
    } 

    $(".button").click(function(){ 
     $(this).removeClass("button").addClass("button_click"); 
    }) 

    <a class="button" href="/link"> Button </a> 

когда я нажимаю кнопка. он меняет фоновое изображение на firefox, но он не работает на хроме. помогите мне

Answer 1

Код кажется прекрасным, поэтому никаких ошибок не может быть, если хром перенаправляется до изменения изображения bg.

Попробуйте это:

$(".button").click(function(e){ 
    e.preventDefault(); 
    $(this).removeClass("button").addClass("button_click"); 
    location.href = $(this).attr('href'); 
    // if for some reason this isn't working you can call setTimeout with the location.href 
});