[Тег JavaScript указан, так как проблему, возможно, можно решить через JS]
Здравствуйте! Недавно столкнулся с проблемой. Каким образом сделать так, что бы все наследуемые св-ва синий блок не наследовал от красного (с opacity есть финт ушами, а что делать, например с font-size !?). Заранее спасибо!
Вот код, наглядно демонстрирующий проблему. https://codepen.io/CitizenOne/pen/PEvgYN
Почему нельзя сделать родителя с position: relative и ему два дочерних элемента с абсолютным позиционированием.
Первому задаем opacity: .3, а второму opacity: 1; и никакой жопоболи
opacity не наследуется, если нужно изменить прозрачность фона, то используйте rgba цвет, если же именно opacity нужно изменить, то необходимо за данный блок вынести все что не должно становится полупрозрачным https://codepen.io/anon/pen/zpVBod
Простой
