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 
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.
Na załączonym przez Ciebie zdjęciu nie jest zastosowane <iframe>. Jest to pewnie zwykły div z stylami css.
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ć 
Poczytaj sobie o Opacity / Transparency w CSS.
Zapomnij o iframe, nie używaj tego. Do górnego paska wystarczy Ci CSS: background-color:rgba(0, 0, 0, 0.5 );
<div class="transparent">
<iframe ...>
...
</iframe>
</div>
.transparent {
opacity: 0.3;
}