アンカーと :target セレクターを使用して、クリックするたびに特定の数またはピクセルで背景画像を移動することは可能ですか?
HTML:
<div id="main_pic">pictures</div>
<a href="#main_pic">right</a>
CSS:
#main_pic {
height: 750px;
width: 491px;
background-image: url(file:///Mac%20Drive/Users/ludicious/Websites/Jongbom/images/main_comic.png);
background-position:0px 0px;
text-indent: -9999px;
display: block;
}
#main_pic:target {
background-position:+491px 0px;
}
+491px クリックするたびに画像を右に移動しようとしています。1 回だけ移動できますが、それ以降は移動できません。私にできることを知っている人はいますか?