[HTML/CSS] Ustawanie przezroczystości obiektu <iframe>


(blondkarol) #1

Witam,

Jestem w trakcie tworzenia strony internetowej, na której znajdują się 3 ramki (iframe): baner strony , menu i treść główna. Chciałbym, aby były one w pewnym stopniu przezroczyste, tak aby nie zasłaniały w całości tła strony. Niestety, nie udało mi się znaleźć do tej pory rozwiązania :frowning:

 

Dla lepszego zobrazowania załączam link ze zdjęciem strony, na której znajduje się taki efekt: Zdjęcie

 

 

Z góry dziękuję za pomoc.


(pantera272) #2

Na załączonym przez Ciebie zdjęciu nie jest zastosowane <iframe>. Jest to pewnie zwykły div z stylami css.


(blondkarol) #3

 

Nie wnikałem, czy jest to <iframe>, czy co innego. Po prostu dałem to zdjęcie, aby lepiej wyjaśnić jaki efekt chciałbym uzyskać :wink:


(pantera272) #4

Poczytaj sobie o Opacity / Transparency w CSS.


(pr0100) #5

Zapomnij o iframe, nie używaj tego. Do górnego paska wystarczy Ci CSS: background-color:rgba(0, 0, 0, 0.5 );


(Fizyda) #6
<div class="transparent">

  <iframe ...>

    ...

  </iframe>

</div>

.transparent {

  opacity: 0.3;

}