Css 仅高亮显示文本,背景不透明度为

Css 仅高亮显示文本,背景不透明度为,css,Css,我的标题中有一些文本,在不同的视口中很难看到。所以,我想突出显示它,就好像你在网站上选择它一样(但黑色不透明度,而不是默认的蓝色) 我目前对标题文本的样式如下: header .header-content .header-content-inner h1 { margin-top: 0; margin-bottom: 0; text-transform: uppercase; font-weight: 700; (地点:topsok[dot]nl) 我用样式表中的和背景:尝试了一些不同的方法

我的标题中有一些文本,在不同的视口中很难看到。所以,我想突出显示它,就好像你在网站上选择它一样(但黑色不透明度,而不是默认的蓝色)

我目前对标题文本的样式如下:

header .header-content .header-content-inner h1 {
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
font-weight: 700;
(地点:topsok[dot]nl)

我用样式表中的
背景:
尝试了一些不同的方法,但我无法为选择添加不透明度。我希望它看起来与现在手动选择标题上的文本时完全相同

任何帮助都将不胜感激!谢谢。

像这样的东西

h1 {
    background: rgba(0,0,0,0.8);
    display: initial;
}

谢谢,非常接近完美。唯一的问题是线之间的间距比正常值小。因此,现在选择工作,但第1行的选择位于第2行的选择之上-这导致文本之间的黑色线条。对不起,我的英语很糟糕,我不知道怎样才能更好地解释这个问题。我已经更新了网站,所以你可以自己看看。谢谢你需要将你的
行高增加到88px(至少对我来说是这样)。是的,我发现了这个解决方案,但我真的不想改变,我认为这是一个字体相关的问题,因为它与字符高度有关。你可以试试其他字体吗?否则我不知道你还有什么可以尝试的