Safari 中的链接问题答案

【问题标题】：Issues with links in SafariSafari 中的链接问题
【发布时间】：2013-08-19 09:31:39
【问题描述】：

我有点不懂前端，所以请耐心等待。我试着搜索了一下，并没有得到很好的答案：

我现在在http://mishquastaging.location8.net 有一个站点正在暂存。

搜索栏左侧有社交媒体图标。这些链接在 Chrome 中运行良好，但在 Safari 中运行不佳。通过 Safari 的开发工具，我在页面上没有看到任何错误，所以我想知道是否有其他人以前见过这个问题。我确定这不是我在寻找的东西。

Mac OS X 10.8.4 上的 Safari 6.0.5

    <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>

感谢您的帮助！ -皮特

【问题讨论】：

请在您的问题中添加代码以创建重现，以便即使在您修复了链接的网站之后，该问题仍对未来的访问者有用。
@Jeroen 说了什么。并添加您正在测试的位置以及 Safari 版本是什么。视窗Safari 5？ Mac OSX Safari 6？ iOS 4.3 移动版 Safari？等
哦，尝试添加涉及的 html...虽然这是使用带有自定义主题的 Wordpress...提供的 CSS 会很粗糙。

标签： html css wordpress twitter-bootstrap

【解决方案1】：

所以，我不能真正为您提供所有的 CSS，因为它会包含很多代码。但导致我出现问题的原因是图标正在使用

{display: inline}

而不是

{display: inline-block}

这就解决了。

【讨论】：

【解决方案2】：

以前见过这个问题。这可能是由于你的 z-index 的，虽然我不能确定没有代码。您需要做的就是将栏上所有其他元素的 z-index 设置为 0，并将这些项目设置为高于 1

【讨论】：