Question

我有一个基于Twitter Bootstrap的网站，在常规的旧链接按钮上有一些奇怪的问题（例如：http://jsfiddle.net/RK3RC/）

HTML

<a class="button" href="http://jsfiddle.net/">Click Me</a>

CSS

.button {
    background-color: #bc4b4e;
    color: #ffffff;
    display: block;
    border-radius: 45px;
    border: none;
    text-decoration: none;
    position: absolute;
    font-size: 18px;
    padding: 14px 50px;
    margin: 0px;
    border-width: 0px;
    line-height: 20px;
    white-space: nowrap;
    min-width: 0px;
    min-height: 0px;
    -webkit-transform: rotate(0deg);
    opacity: 1;
    left: 220px;
    top: 20px;
    visibility: visible;
}

.button:hover {
    background: #d35559;
}

这些按钮在桌面浏览器中运行得非常好，但在移动浏览器（触摸设备）中没有响应。如果你通过触摸点击它们，没有任何反应 - 按钮没有响应。但是，有趣的是，如果链接指向相同页面上的锚标记，它将起作用（而不是外页）。

有什么想法/建议？我已经浏览过网络，但没有找到完全相同问题的人，这本身就有点奇怪。

Answer 1

好的，明白了。

实际上是因为在页面的不同部分有一个基于JQuery的滑块，它具有touchenabled设置（允许用户通过滑动浏览滑块）。这影响了按钮对触摸的响应。关闭触摸设置后，各处的按钮都会正常响应。

感谢所有的帮助和建议。你们摇滚。

带有填充的常规链接在移动浏览器中无响应

HTML

CSS

1 个答案: