Html Safari中的链接问题
我对前端有点不在行,所以请容忍我。我试着搜索了一下,但没有找到一个很好的答案: 我现在有一个站点正在暂存中 搜索栏左侧有社交媒体图标。这些链接在Chrome中运行得很好,但在Safari中效果不佳。通过Safari的开发工具,我没有在页面上看到任何错误,所以我想知道是否有其他人以前见过这个问题。我肯定这不是我要找的东西 Mac OS X 10.8.4上的Safari 6.0.5Html Safari中的链接问题,html,css,wordpress,twitter-bootstrap,Html,Css,Wordpress,Twitter Bootstrap,我对前端有点不在行,所以请容忍我。我试着搜索了一下,但没有找到一个很好的答案: 我现在有一个站点正在暂存中 搜索栏左侧有社交媒体图标。这些链接在Chrome中运行得很好,但在Safari中效果不佳。通过Safari的开发工具,我没有在页面上看到任何错误,所以我想知道是否有其他人以前见过这个问题。我肯定这不是我要找的东西 Mac OS X 10.8.4上的Safari 6.0.5 <div class="container head"> <div clas
<div class="container head">
<div class="row">
<div class="span12 clearfix">
<div class="top row">
<div class="span8 logo image">
<a href="http://mishquastaging.location8.net/" title="Mishqua" rel="home">
<img src="http://mishquastaging.location8.net/wp-content/uploads/2013/06/websitelogo.png" alt="" />
</a>
</div>
<div class="searchcart span4">
<form role="search" method="get" id="searchform" action="http://mishquastaging.location8.net/" class="topsearch form-horizontal">
<div>
<!-- ADDITION BY PETE - Social Icons Moved here out of footer! -->
<ul class="social-icons">
<!-- Social Networks -->
<li><a href="http://facebook.com/mishquahandbags" target="_blank"><i class="icon-facebook"></i></a></li> <li><a href="http://twitter.com/mishquabagsrhot" target="_blank"><i class="icon-twitter"></i></a></li> <li><a href="http://instagram.com/mishqua" target="_blank"><i class="icon-instagram"></i></a></li>
</ul>
<input type="text" value="" name="s" id="s" placeholder="Search" class="top-search" />
<button type="submit" id="searchsubmit" value="Search" class="btn"><i class="icon-search"></i></button>
<input type="hidden" name="post_type" value="product" />
</div>
</form>
</div>
</div>
</div>
</div>
</div>
谢谢你的帮助!
-皮特以前见过这个问题。这可能是由于你的z-指数,虽然我不能确定没有代码。您需要做的就是将条上所有其他元素的z-index设置为0,并将这些项设置为高于1的值,因此,我无法真正为您提供所有CSS,因为这需要大量代码。但造成我问题的原因是图标使用了
{display: inline}
而不是
{display: inline-block}
这就解决了问题。请在你的问题中添加代码,创建一个复制,这样即使你修复了链接站点,这个问题仍然对未来的访问者有用。@Jeroen说了什么。还可以添加测试位置和Safari版本。WindowsSafari5?MacOSXSafari6?iOS 4.3移动Safari?etcWoh,试图添加涉及的html。。。这是使用自定义主题的Wordpress。。。提供CSS将是粗糙的。