a {
background-color: red;
opacity: 0.1;
}
span {
font-size: 30px;
color: #000000;
}
<div>
<a>
<span>текст</span>
</a>
</div>
Могу ли я каким то способом отменить opacity для span не переписывая код?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуПрозрачный фон нужно делать через альфа-канал:
a {
background: rgba(255, 0, 0, 0.1);
}
span {
font-size: 30px;
color: #000000;
}
<div>
<a>
<span>текст</span>
</a>
</div>
rgba
; 2) вынести текст за пределы прозрачной ссылки, наложив его сверху черезposition:absolute