Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css] Problem z przeźroczystością
Forum PHP.pl > Forum > Przedszkole
mczlowiek
Witam, mam tak ustawiony css:

#header {background: #27343C url("topbg.jpg") top repeat-x; opacity: 0.4; filter: alpha(opacity=40) ; padding: 20px 1em 7em 20px; color: #000; }
#logo {float:left; opacity: 1; filter: alpha(opacity=100) ;}
#baner {float:right; opacity: 1; filter: alpha(opacity=100) ;}

header ma ustawioną rpzeźroczystość na 0,4 ale znajdujące się w nim elementy logo oraz baner maja ja ustawiona na 1, dlaczego więc są przezroczyste tak jak caly header?



  1. <div id="header">
  2. <div id="logo">
  3. <h1 class="logo"><a href="index.php">TKTBET</a></h1>
  4. <h2>Czysty zysk ze sportu...</h2>
  5. </div>
  6. <div id="baner">
  7. <script language=javascript src="http://ads.expekt.com/affiliates/ad.aspx?pid=37713&bid=2544"></script>
  8. </div>
  9.  
  10. </div><!-- header -->
siemieng
uzyj pozycjonowania np absolutnego i wykorzystaj nakladanie warstw przy pomocy z-index;

czyli do css dodaj:
#header {..., position:absolute; z-index:1;}
#logo {..., position:absolute; z-index:2;}
#baner {..., position:absolute; z-index:2;}

zapomnialem dodac, wtedy definiowanie opacity: 1; filter: alpha(opacity=100) ; dla #logo i #baner bedzie zbedne
mczlowiek
ale widzę, że IE sobie z tym nie radzi, więc jednak chyba lepiej przeźroczystość zrobić w np photoshopie...
piotrooo89
http://www.letmegooglethatforyou.com/?q=opacity+ie
jest tego w cholere w sieci. js, css do wyboru do koloru. np tu
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.