1

a {
background-color: red;
opacity: 0.1;
}

span {
  font-size: 30px;
  color: #000000;
}
<div>
  <a>
    <span>текст</span>
  </a>
</div>

Могу ли я каким то способом отменить opacity для span не переписывая код?

2
  • добавить в span свой opacity с нужным значением. как вариант 2 мая 2017 в 20:18
  • 2
    Вот так просто - никак. В зависимости от особенностей вашей реализации навскидку вижу два варианта: 1) сделать прозрачным фон (если прозрачность только ради него делается) через rgba; 2) вынести текст за пределы прозрачной ссылки, наложив его сверху через position:absolute
    – br3t
    2 мая 2017 в 20:32

1 ответ 1

1

Прозрачный фон нужно делать через альфа-канал:

a {
  background: rgba(255, 0, 0, 0.1);
}

span {
  font-size: 30px;
  color: #000000;
}
<div>
  <a>
    <span>текст</span>
  </a>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.