CSS3在不影响笔划的情况下更改文本不透明度
这里有一个独特的问题。我试图将一些文本设置为完全不透明,同时仍在文本上保留可见的笔划。我希望能够看穿文本,因为背景是动态的,所以我不能简单地将其设置为背景的颜色 下面是我得到的,但不透明度正在覆盖笔划:CSS3在不影响笔划的情况下更改文本不透明度,css,Css,这里有一个独特的问题。我试图将一些文本设置为完全不透明,同时仍在文本上保留可见的笔划。我希望能够看穿文本,因为背景是动态的,所以我不能简单地将其设置为背景的颜色 下面是我得到的,但不透明度正在覆盖笔划: #special { opacity: 0; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; } 谢谢你的帮助 不透明度影响对象的所有视觉特性 但是,这个呢 #special {
#special {
opacity: 0;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
谢谢你的帮助 不透明度影响对象的所有视觉特性 但是,这个呢
#special {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
color: transparent;
}
JsFiddle:
关于不透明性,W3学校说: 不透明度级别描述透明度级别,其中1根本不透明,0.5表示50%透明,0表示完全透明
因此,将其设置为0将使其完全透明,但重要的是要记住,它仍然保留在视图端口中,并且仍然与用户交互(因此,如果是按钮或链接,它仍然可以单击…Genius!非常感谢您的回答,我相信有人会觉得这很有用,因为谷歌对这个组合没有太多的评论。非常感谢。