【问题标题】:Issue with Twitter ButtonsTwitter按钮问题
【发布时间】:2015-02-14 13:53:17
【问题描述】:

我的网页上的 Twitter 按钮出现此类问题。在 Firefox 开发者版中,我的网页背景导致按钮无法正确呈现。

示例:

#container
{
    background-color: #f0f1f4
}

使按钮内的文本呈现白色。

它的外观如下:

这是怎么回事?

编辑 这是 Firefox 开发者版中的一个错误,不会延续到 Firefox 官方版本。已提交错误报告:Firefox Bug #1112240

【问题讨论】:

  • 推特按钮有半透明渐变吗?您需要检查元素以检查它的 css。
  • 例如,如果将容器背景颜色设为黑色会怎样?
  • 我没有看到任何使用透明胶片的地方。我确实摆弄了它的 CSS,并且由于某种奇怪的原因,边框半径导致了它。因此,禁用边界半径修复了它。由于它是通过 iframe 获取的 Twitter 源代码的一部分,因此我无法对其进行编辑。

标签: html css twitter


【解决方案1】:

Twitter 按钮上的文本采用容器的颜色,因此是#f0f1f4。

你需要在样式表中指定它自己的颜色:

a.twitter-share-button {
  color: #333;
}

希望对您有所帮助,请在此处阅读更多文档: https://dev.twitter.com/web/overview/css

【讨论】:

  • 我使用 AddThis 作为按钮,所以我无法控制它的 CSS。这只是 Firefox 开发版的问题。所有其他工作都很好。查看其他在 Firefox Dev 中实现按钮的网站,它们都呈现不正确。不仅仅是我的网站。
  • 如果你使用共享这个,你可以添加一个自定义类,然后根据需要设置它的样式。 support.sharethis.com/customer/portal/articles/…
  • 我对火狐开发版不熟悉,也不知道是什么原因。
  • 它基本上是 Firefox 的 aurora 频道,其中包含了一个新的开发工具,它不在 Firefox 官方版本中。我觉得这更多是 Mozilla 方面的问题,我已经在那里提交了错误报告。
猜你喜欢
  • 1970-01-01
  • 2018-06-25
  • 2011-06-08
  • 1970-01-01
  • 1970-01-01
  • 2012-09-19
  • 2013-08-21
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多