CSS3更改文本不透明度而不影响笔划

Question

这里有一个独特的问题。我试图将一些文本设置为完全不透明，同时仍然在文本上保持可见的笔划。我希望能够透过文字看到背景是动态的，所以我不能简单地将它设置为背景的颜色。

这是我所拥有的，但不透明度会覆盖中风：

#special {
    opacity: 0;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black; 
}

帮助表示赞赏！

Answer 1

不透明度会影响对象的所有视觉属性。

但是，这个怎么样？

#special {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black; 

    color: transparent;
}

JsFiddle：http://jsfiddle.net/fdLecLan/2/

关于不透明度，W3schools说：

  

不透明度级别描述透明度级别，其中1根本不透明，0.5是50％透视，0是完全透明。

因此将其设置为0将使其完全透明，但重要的是要记住它仍然保留在View端口中，并且仍然与用户交互（因此，如果它是按钮或链接，它仍然是可以解决的。 ..）