html - 未显示背景位置的 anchor ，Firefox 错误？ - 解决了 : Adblock Plus blocking Google anchor

Question

整天我都在试图找到以下问题的根源。

我正在使用这个 HTML:

<div class="sharebox">
    <a class="shlink tooltipS" title="trumpa nuoroda į šį puslapį" href="http://www.klaustukai.lt/5"></a>
    <a class="shprint tooltipS" title="spausdinti" href="javascript:window.print();"></a>
    <a class="shfb tooltipS" title="dalintis Facebook" href="https://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.klaustukai.lt"></a>
    <a class="shgp tooltipS" title="dalintis Google+" href="https://plus.google.com/share?url=http%3A%2F%2Fwww.klaustukai.lt"></a>
    <a class="shtw tooltipS" title="dalintis Twitter" href="https://www.twitter.com/share?url=http%3A%2F%2Fwww.klaustukai.lt"></a>
</div>

使用这个 CSS:

.shlink, .shprint, .shfb, .shgp, .shtw {
    position:absolute; 
    display:inline-block; 
    background:url(http://www.klaustukai.lt/qa-theme/kt/elements.png) no-repeat 0 0; 
    border:0; 
    height:16px; 
    width:16px; 
}
.shlink {background-position:-2px -250px;left:4px;top:5px;}
.shprint {background-position:-22px -250px;left:27px;top:5px;}
.shfb {background-position:-40px -250px;left:50px;top:5px;}
.shgp {background-position:-58px -250px;left:73px;top:5px;}
.shtw {background-position:-76px -250px;left:96px;top:5px;}
.shlinktxt {display:block;width:115px;margin-top:30px;}
.shlinktxt input {font-size:10px;color:#555;width:100%;}

其中 elements.png 包含背景图形。没什么特别的，没什么特别的。并在所有浏览器中工作多年。

奇怪的是:当我在单独的 test.html 中进行测试时，它工作正常，即使在 Firefox 27.0.1 中也是如此。但是在这个论坛中有完全相同的代码:klaustukai.lt不会显示 google plus 按钮类 .shgp。

这发生在 Firefox 最后一次更新到版本 27.0.1 之后。在它起作用之前!这就是为什么我认为它可能是 Firefox 的错误。在 Chrome 和 Internet Explorer 中显示按钮按预期工作:

火狐 27.0.1

我从 Firefox 开发工具 Box Model 看到的是 .shgp 元素有高度:0 和宽度:0 - 它似乎也失去了位置，指示器现在显示在网站的左上方。

我也尝试重新定位共享框，我禁用了 javascript，同样的问题，它总是失败的 .shgp anchor 。

在测试时，我意识到如果我将 HTML 页面保存在本地并在浏览​​器中再次加载它，按钮会正确显示。更令人困惑。

这对我来说是个奇怪的问题。谁知道是什么导致了这种行为？ .shgp anchor 如何正确显示？

非常感谢您的帮助。

Answer 1

找到问题的根源了!

罪魁祸首是 Addon Adblock Plus那会阻止 google plus anchor !

如果您禁用该插件，则会出现该按钮。

不敢相信......但现在一切都变得更加清晰了。我在 Chrome 上安装了 Adblock Plus，但按钮也消失了。很高兴知道它不是 Firefox 错误。