0

我有一个基于 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;
}

这些按钮在桌面浏览器中工作得非常好并且符合预期，但在移动浏览器（触摸设备）中没有响应。如果您通过触摸单击它们，则不会发生任何事情 - 按钮无响应。然而，有趣的是，如果链接指向同一页面上的锚标记，它将起作用（只是不能指向外部页面）。

有什么想法/建议吗？我在网上搜索过，但没有找到遇到完全相同问题的人，这本身就有点奇怪。

4

1 回答 1

0

好的，想通了。

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

感谢所有的帮助和建议。你们真棒。

于 2013-07-19T17:43:23.817 回答