Учет нижнего контраста при уменьшении непрозрачности контейнера темного фона

Question

В настоящее время я пытаюсь исправить некоторые CSS. Спецификация У меня есть то, что фон должен быть прозрачным, как это:

Но как вы можете видеть, когда я установить фон для прозрачных белых текстов выглядит очень размыты, по сравнению с :

на данный момент текст установлен в полностью белый, полностью непрозрачной в CSS:

.banner-content p { 
    color: rgba(255,255,255,1) !important; 
} 

Может кто-нибудь подсказать CSS трюки, чтобы увеличить видимый контраст, учитывая, что текст уже как белый и непрозрачный, как это возможно ...

Answer 1

Когда вы установите непрозрачность контейнера, как это:

#container {opacity:0.5;} 

влияет на непрозрачность контейнера и всех его детей. Таким образом, шрифт становится также непрозрачным на 50%.

Похоже, вы действительно просто хочу, чтобы дать контейнер полупрозрачный фон, который вы могли бы сделать, как это вместо:

#container {background-color:rgba(0, 0, 0, 0.5);} 

и это не повлияет на текст внутри этого контейнера.