背景圖像不能在鉻工作

.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的背景圖像，但它不適用於Chrome。請幫助我背景圖像不能在鉻工作

來源

2012-06-10 khanh

作品在這個例子中：http://jsfiddle.net/3JpLy/。 Chrome中的控制檯中是否有任何錯誤日誌？（按F12把它帶到前面） –

http://jsfiddle.net/QAUaz/似乎正常工作... – floorish

會發生什麼？該類本身的變化是否工作，背景圖像是不是顯示（錯誤的Url？）還是類的變化不起作用？ – Chris

該代碼似乎很好，所以沒有任何錯誤，它可能是鉻重定向之前，它正在更改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 
});

來源

2012-06-10 14:54:30 lucuma

它工作正常。非常感謝你。 – khanh

背景圖像不能在鉻工作

回答

相關問題