Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Usunięcie dziedziczenia styli w divie w środku diva
Forum PHP.pl > Forum > Przedszkole
Sueroski
Witam. Chce zrobić półprzeźroczyste tło, a na nim tekst bez przeźroczystości.
Pomyślałem, że po prostu jeden div będzie tłem, a drugi (div w divie z tłem) będzie zawartością.
Zrobiłem tak i kolor czcionki normalnie się ustawił, ale przeźroczystość jest ta sama co w divie pod.
Jeśli ustawie diva osobno, to jest ok, czyli jakby dziedziczył tą przeźroczystość.

index.php
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <link rel="stylesheet" type="text/css" href="style.css" />
  5. <title>Sueroski Search</title>
  6. </head>
  7. <div id="search"><div id="searcha">Miał? </div></div>
  8. <?php
  9.  
  10. ?>
  11. </body>
  12. </html>


style.css
Kod
@CHARSET "UTF-8";

body{
    background-image: url("images/background.png");
}
#search{
    -moz-border-radius: 40px 10px; border-radius: 40px 10px;
    margin: 0 auto;
    width: 500px;
    filter:alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
    background-color: #000000;
}
#searcha{
    text-align: center;
    color: #ffffff;
    filter:alpha(opacity=100);
    opacity: 100;
    -moz-opacity: 100;
}


wie ktoś jak to zrobić?
Fifi209
Nadpisz style na takie jakich potrzebujesz.
Sueroski
właśnie w tym problem, że nadpisałem przeźroczystość na 100, ale mimo wszystko wciąż jest 60% (sprawdzałem w gimpie, i tekst jest jasnozielony, a tło jest zielone)
cniak
dodaj clear: both;
kapuch
Cytat(Sueroski @ 8.07.2010, 20:09:30 ) *
właśnie w tym problem, że nadpisałem przeźroczystość na 100, ale mimo wszystko wciąż jest 60% (sprawdzałem w gimpie, i tekst jest jasnozielony, a tło jest zielone)

dlatego takie okienka robi sie na pol przezroczystym png.
Nie da sie tego "wymazac", chyba ze w css3 to zrobili.
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.