Question

很难解释，所以看看代码：

HTML：

   <link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
  <h1>Header<span>andAnother</span></h1>

CSS：

h1 {
  font-family: tahoma;
  position: absolute;
}

h1 span {
  opacity: 0.9;
  font-family: 'Rock Salt', cursive;
  font-style: italic;
  position: relative;
  top: 30px;
  left: -100px;
}

以下是fiddle，现在有什么问题？

如果您查看and中的andAnother一词，可以看到a的部分内容丢失，其原因是因为opacity规则，如果我删除了opacity a将会显示应该显示，现在我几乎可以肯定问题是因为opacity低于1 {{3}但我无法证明这一点，我甚至不确定我是对的，如果有人能解释为什么以及我将如何非常感激。

Answer 1

您可以使用rbga而不是opacity。即color: rgba(0, 0, 0, 0.9);

http://jsfiddle.net/zp6w4dzc/3/

可能与此ClearType字体错误相关... https://bugzilla.mozilla.org/show_bug.cgi?id=494320

编辑以添加CSS opacity vs rgba: which one is better?

CSS，不透明度使一些字体隐藏

1 个答案: