RGBA不适用于Chrome以外的其他浏览器

时间:2014-04-09 19:41:56

标签: html css google-chrome

所以这是我的website。正如你在Chrome上看到的那样,“Colourity”在字母重叠的地方更暗。我能够通过使用color: rgba(58, 184, 179, 0.78);来实现这一目标。现在,如果你看看Firefox或Safari,几乎任何其他浏览器。你没有看到重叠。我认为它与0.78有关。有任何想法吗?

铬:

chrome

Firefox:

enter image description here

1 个答案:

答案 0 :(得分:3)

这似乎是Firefox的限制......无论如何,即使不那么好......运行的解决方法只是将每个字母包裹在span标签中。有点像这样(这里仅用于第一个字母):

<a href="http://colourity.com/" id="h1logo"><span>C</span>olourity</a>

2015年5月13日更新

我发现jquery plugin有类似的行为。可能CSS解决方案仍然是最好的,但这是另一种可能的解决方案(至少对于某人而言)