css - AddThis 按钮 CSS 问题

标签 css internet-explorer firefox google-chrome addthis

我已经在 AddThis 论坛上问过这个问题,但到目前为止还没有得到任何回复。希望有人可以帮助我。

有问题的页面在 http://preview.ami.co.nz/products 上, 在右下角。

  • 如果在 ChromeFirefox 中查看,“共享”一词位于橙色“+”AddThis 按钮的左侧。

  • 但是,在 IE(至少是 IE8 和 6)上,“Share”这个词在右边!它应该看起来像在 Chrome 和 FF 上一样,但我无法弄清楚 IE 对它做了什么。

    enter image description here enter image description here

让事情变得更加奇特 - 不同页面上的完全相同的代码在所有浏览器中看起来都是正确的!查看http://preview.ami.co.nz

如有任何建议,我们将不胜感激。

附言。这是我放在这些页面上的标记:

<!-- AddThis Button BEGIN -->
  <div class="addthis_toolbox addthis_default_style" style="display: <%= SocialMediaVisibility %>">
    <a class="addthis_button_compact">Share</a>
    <a class="addthis_button_facebook"></a>
    <a class="addthis_button_twitter"></a>
    <a class="addthis_button_email"></a>
  </div>
  <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e0a5ac2480330c8"></script>
<!-- AddThis Button END -->

最佳答案

只需更改您网站的 HTML

<a class="...">
<span class="the_icon_class"></span>
share
</a>

<a class="...">
<span>share</span>
<span class="the_icon_class"></span>
</a>

关于css - AddThis 按钮 CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6782324/

相关文章:

javascript - 使用 onclick 更改背景正文图像

CSS 透明边框在 Windows FF 中显示边框

java - 关于cssparser

css - Sublime Text 使用 Shift 创建具有相同类的多个 div

html - CSS 有类似 "class subclass"的东西吗?

html - 除非容器具有固定宽度,否则 SVG 图像无法在 IE11/Edge 中正确呈现

css - IE 忽略 a::before 上的绝对定位

html - 滚动条MB问题

javascript - 如何获取完整页面加载的传输大小?

firefox - 带有边框的图像上的边框半径在 Firefox 和 Chrome 上不同