html - RGBA 不适用于 Chrome 以外的浏览器

标签 html css google-chrome

这是我的website 。正如您在 Chrome 上看到的,字母重叠的地方“颜色”较暗。我可以通过使用这个 color: rgba(58, 184, 179, 0.78); 来实现这一点。现在,如果您查看 Firefox 或 Safari,以及几乎任何其他浏览器。你看不到这种重叠。我认为这与0.78有关。有任何想法吗?

Chrome:

chrome

火狐浏览器:

enter image description here

最佳答案

这似乎是 Firefox 的限制......无论如何,即使不是那么好......运行的解决方法是将每个字母简单地包装在一个 span 标签中。像这样的东西(这里仅针对第一个字母):

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

2015 年 5 月 13 日更新

我找到了jquery plugin具有类似的行为。也许 CSS 解决方案仍然是最好的,但这是另一种可能的解决方案(至少对于某些人来说)

关于html - RGBA 不适用于 Chrome 以外的浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22972464/

相关文章:

"calendar"的 HTML 表格 CSS 设计

javascript - 滑动图像时 Chrome 渲染错误

javascript - 使用 HTML5 拖放在 MYSQL 中保存 div 的值

forms - 表单元素是否在 FORM 标签语义 html5 之外?

javascript - AngularJS 数据-ng- Controller 不起作用

html - Chromium 嵌入式框架 (CEF) html5 桌面应用程序

javascript - 如何创建一个滚动时保持在顶部的栏?

html - 将三 Angular 形与文本居中对齐

google-chrome - 取消停靠 Chrome 开发者工具

javascript - 在 Chrome 中使用 jQuery/js 复制到剪贴板