не прозрачный iframe внутри прозрачный div

Question

У меня есть div с непрозрачностью, равным 0,8, и внутри этого div у меня есть iframe. Я не хочу, чтобы iframe был прозрачным вообще (т. Е. Непрозрачность 1.0).

разметки:

<div id="container"> 
    some text and images 
    <iframe width="500" height="370" src="http://www.youtube.com/embed/'+videoId+'" frameborder="0" allowfullscreen></iframe> 
</div> 

CSS:

#container{ 
    opacity: 0.8; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
} 

я попытался сбросить непрозрачность до 1,0, но он не работает !, я был бы признателен за любую помощь ...

также , это лучший способ установить непрозрачность (совместимость с кросс-браузером)

Answer 1

Это невозможно; когда вы устанавливаете непрозрачность, она применяется ко всем дочерним элементам. Возможно, вы сможете достичь того, чего хотите, установив цвет фона rgba(0, 0, 0, 0.8) или что-то в этом роде.

EDIT: Извините, я неправильно понял и пропустил, что у вас уже есть opacity: 0.8, а также код, специфичный для MS.

Answer 2

Решение должно быть более конкретным в вашем селекторе. Оставьте div с прозрачностью по умолчанию (1) и вместо этого нацелитесь более конкретно на элементы в div, которые должны иметь непрозрачность. Так как:

#container p, #container img { 
    opacity: 0.8; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
}