Непрозрачность В div также непрозрачность содержимого? [Дубликат]

Question

Непрозрачность В div также непрозрачность содержимого? [Дубликат]

0

Html ::

<div id="Opacity"><span class="P">Here Is My P</span>

Css:

#opacity {
width:400px;
height:400px;
border:black 1px solid;
opacity:0.3;
background-color:black;
}

.P {
font-family:cursive;
font-size:24px;
color:white;
}

но выходное слово также прозрачное. Я хочу, чтобы слово было прозрачным, но div стало прозрачным. Спасибо

Hashaam 08 нояб. 2013, в 11:51

Источник

Теги:

html

css

1 ответ

Ещё вопросы

Quentin · Answer 1 · 2013-11-08T08-25-00.000Z

opacity изменяет прозрачность всего элемента.

Если вы хотите получить полупрозрачный фон, установите фон в значение цвета rgba() или используйте полупрозрачное фоновое изображение.

background-color: rgba(0, 0, 0, 0.3);

См. Некоторые рекомендации по мерам совместимости.

как запасной вариант для старых пользователей IE .class {background: transparent; Фильтр: ProgID: DXImageTransform.Microsoft.gradient (startColorstr = # 50990000, endColorstr = # 50990000); зум: 1; } как показано здесь