更改背景位置onclick

我有一個主播<a>，我用它作爲按鈕。我正在使用一個精靈來使按鈕更改其形狀取決於鼠標事件。從正常到懸停，它正在工作。我改變不透明度，如下面的代碼所示。問題是點擊按鈕時（從懸停到點擊）。我希望背景位置從46％滑動到51％，以顯示精靈的另一部分。我試過before,after,focus ......但徒勞無功。你的幫助是appreeciated。更改背景位置onclick

.left_arrow_trigger 
{ 
    height:100%; 
    width:100%; 
    display: block; 
    background: url('../images/dashboard_sprite.png') no-repeat; 
    background-position:0 46%; 
    background-size: 1500% 1700%; 
    opacity:.41; 

} 

.left_arrow_trigger:hover 
{ 
    opacity:.90; 
} 

.left_arrow_trigger:focus 
{ 
background-position:0 51%; 

}

來源

2014-02-24 whiteletters in blankpapers

你可以使用jQuery？ – PixelAcorn

使用javascript有問題嗎？ – osmanraifgunes

是否意味着：在CSS中沒有解決方案？我正在使用jQuery。 –

試試這個：

.left_arrow_trigger:active 
{ 
    background-position:0 51%; 
}

來源

2014-02-24 16:29:00 2pha

就是這樣。 +1。謝謝。 –

更改背景位置onclick

回答

相關問題