Javascript CSS/HTML<；a href不在手持设备上工作

网站：

我有多个导航按钮，可以在计算机浏览器上正确执行，但由于某些原因，所有手持设备上的链接都处于非活动状态。我在另一个网站上使用了类似的代码，没有任何问题

例如，在iPhone上，如果您单击按钮，链接会高亮显示（应该如此），但不会转到href。现在，如果您按住按钮，iOS将弹出一个命令提示符，允许您在新页面中打开（有效）或打开（无效）

任何帮助都将不胜感激

CSS:

HTML:

谢谢

---

DSM

如果格式化仅适用于HTML5，您是否确保在顶部添加HTML5 doctype并检查您的移动浏览器是否支持HTML5？其他的话，你可能必须这样做：

…

你能试试一件事吗？将悬停CSS注释掉一秒钟，然后重试。如果那样行的话，我可以向你解释那里发生了什么。

.nav_button01 {
position: absolute;
width: 8px;
height: 16px;
left: 347px;
top: 3px;
color: #666;
border: 1px;
vertical-align: middle;
border-style: solid;
animation: a:hover;
z-index: 50;
}

.nav_button01:hover {
color: #2282AC;
background-color: #2282AC;
}   

.nav_button01:active {
color: #2282AC;
background-color: #2282AC ;
}   

<a href="http://www.werk-build.com/4FOUNDATIONS1.html" target="_parent"><div class="nav_button01" title="Victorian Rehab"></div></a>