是否可以使用锚点和 :target 选择器移动背景图像,每次点击某个数字或 px?
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 试图将图像向右移动多少 px 每次点击。我可以移动它一次,但之后就不能再移动了。有人知道我能做什么吗?