在iOS / iPad上不使用Safari/Chrome的列表项导航
在iOS / iPad上不使用Safari/Chrome的列表项导航
提问于 2013-04-24 10:15:05
我正在创建一个带有无序列表中导航的网页。
在iPhone或iPad上，我单击链接，什么都不会发生。我“触摸”的链接，只是为了背景颜色的变化，什么都没有发生。使链接激活的唯一方法是将链接保存几秒钟，以使默认的iOS选项出现，即“在新窗口中打开”。网站上还有其他链接和导航，它们可以正常工作。只是这一组链接给我带来了麻烦。
你能在HTML或CSS中看到任何可能导致这种情况的东西吗？
这与应用于列表项的渐变转换有关吗？
见底部的标记。(我已经删除了一些东西，比如文本/背景样式类，因为它可能与问题无关。)
HTML
<ul class="list">
<li>
<a class="example" href="#">
<i class="icon-medium icon-map"></i>
<p><strong>Example description goes here</p>
</a>
</li>
<li>
<a class="example" href="#">
<i class="icon-medium icon-map"></i>
<p><strong>Example description goes here</p>
</a>
</li>
CSS
.list ul { list-style-type:none; padding:0px; margin:0px; }
.list ul li { display:block; float:left; width:50%; min-height:100px; position:relative; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }
.list ul li a.example { display:block; width:100%; height:100px; }
.list ul li:hover, .list ul li:active { color:#FFF; }回答 1
Stack Overflow用户
发布于 2013-04-24 13:17:47
有一件事可能会给你带来一些问题，那就是标签。它们是不推荐使用的斜体字标记，不应该包含任何类属性(少数情况除外)。尝试删除这些或将它们更改为适当的标记(不确定您要在那里做什么)。这可能会解决你的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16189345
复制相关文章
相似问题
腾讯云开发者
