Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS3在不影响笔划的情况下更改文本不透明度_Css - Fatal编程技术网

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!非常感谢您的回答,我相信有人会觉得这很有用,因为谷歌对这个组合没有太多的评论。非常感谢。