如何在移动网站上制作picture_buttons是否可能？

Question

我不确定这可以在移动网站环境中实现吗？谢谢你的反馈！

问题是我想在移动网站上制作image_buttons。因此，当我点击第一个图像并激活它时，图像将变为另一个图像..

现在这很简单，当你只有颜色可以改变元素但是交换图像有可能吗？通常你可以在网站上很容易地做到这一点但手机网站不知道通过css或jquery会是什么样的正确方法？

我在JSFIDDLE做了一个例子这个例子在智能手机中不起作用......所以？ ：（

任何想法？

HMLT：

 <div id="wrapper" role="main">
    <!-- <img alt="background" src="img/main_bg.png" /> -->

      <a href="#"><div class="change">  </div> </a>

  </div> <!-- ends wrapper -->

的CSS：

body{ width: 100%;}
img{ width: 100%;}

div#wrapper div.change{
background: url(http://placehold.it/100x100/000);
width: 100px;
height: 100px;

}

div#wrapper div.change:active{
background: url(http://placehold.it/100x100/e33333);
width: 100px;
height: 100px;

}