在当前稳定版本的Chrome中,当使用以下CSS设置了一些不透明度时,文本下划线会消失。当不透明度设置为1或移除时,下划线正常显示。请求帮助?谢谢!
@import url('//fonts.googleapis.com/css?family=Press+Start+2P');
p {
font-family: 'Press Start 2P';
text-decoration: underline;
opacity: 0.5;
}
<p>Hello World</p>
在当前稳定版本的Chrome中,当使用以下CSS设置了一些不透明度时,文本下划线会消失。当不透明度设置为1或移除时,下划线正常显示。请求帮助?谢谢!
@import url('//fonts.googleapis.com/css?family=Press+Start+2P');
p {
font-family: 'Press Start 2P';
text-decoration: underline;
opacity: 0.5;
}
<p>Hello World</p>
使用CSS的rgba()
函数来设置color
,而不是使用opacity
:
@import url('//fonts.googleapis.com/css?family=Press+Start+2P');
p {
font-family: 'Press Start 2P';
text-decoration: underline;
color: rgba(0, 0, 0, 0.5);
}
<p>Hello World</p>