0

您好 Stackoverflow 社区，我很难弄清楚这一点，我正在使用 css 将按钮的状态从正常/单击/悬停更改。

这是我的 HTML，只是按钮所在的 div 层

<div id="newsarticle"><a href="/twitter.html" id="button-twitter"></a></div>

这是我的CSS

/*Twitter */
#button-twitter {
display: block;
width: 100px;
height: 20px;
background:url('../images/btns/quicklinks-normalState-twitter.png'); no-repeat top;
        }                   
#button-twitter:hover {
background:url('../images/btns/quicklinks-hoverState-twitter.png') no-repeat top;
}
#button-twitter:active {
background: url('../images/btns/quicklinks-clickedState-twitter.png') no-repeat top;
/*Twitter */

在 Mobile 和 Ipad 上发生的情况是，当您单击时，您切换到活动状态，然后它就消失了，您在缺少按钮的情况下等待片刻，直到您转到下一页。

这不会仅在台式机移动设备和 ipad 上发生，有人知道吗？

4

1 回答 1

0

我认为这里可能发生的是移动设备上的点击事件没有被足够快地触发（在链接上的操作请求之前）。我建议将其添加到您的身体中：

   <body ontouchstart="">
    ...
   </body>

或者，您可以查看一个名为Fastclick的小型 JS 库。

于 2013-02-05T12:35:48.080 回答