ilch Forum » Allgemein » HTML, PHP, SQL,... » DIV Background transparent

Geschlossen
  1. #1
    User Pic
    ekie Mitglied
    Registriert seit
    25.04.2008
    Beitrge
    528
    Beitragswertungen
    7 Beitragspunkte
    Hallo,
    ich würde gerne bei einem DIV Container dass der Background zu 50% durchsichtig ist, aber leider macht der die anderen DIVS darin dann auch durchsichtigt.


    Verwende folgendes: opacity: .5; filter:Alpha(Opacity=50);

    Damit statte ich den obersten DIV aus, der den Hintergrund liefern soll.

    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beitrge
    1.333
    Beitragswertungen
    143 Beitragspunkte
    Versuch' mal folgendes:
    Äußeres div:
    background-color: rgba(255, 255, 255, 0.5);

    ZitatZitat
    Hintergrund weiß mit 50% Deckkraft


    Innere div's:
    background-color: #FFF;

    ZitatZitat
    Hintergrund weiß
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Revolution Hall Of Fame
    Registriert seit
    14.08.2006
    Beitrge
    1.688
    Beitragswertungen
    109 Beitragspunkte
    Zur Vollständigkeit mal die Kompatiblität

    Browser, Version, Platform 	Outcome 	Fallback
    Mozilla Firefox 3.x (and up) 	Works 	--
    Mozilla Firefox 2.x (and down) 	Doesn't Work 	Solid Color
    Google Chrome (any version) 	Works 	--
    WebKit - Safari 3.x (and up) 	Works 	--
    WebKit - Safari 2.x (and down) 	Doesn't Work 	--
    Mobile Safari (iPhone / iPod Touch / iPad) 	Works 	--
    Opera 10.x (and up) 	Works 	--
    Opera 9.x (and down) 	Doesn't Work 	Solid Color
    Internet Explorer 9 Preview 	Works 	--
    Internet Explorer 8 (down to 6) 	Doesn't Work 	Solid Color
    Internet Explorer 5.5 (and down) 	Doesn't Work 	No Color
    Netscape (any version) 	Doesn't Work 	Solid Color
    BlackBerry Storm Browser 	Works 	--


    Für den IE (7 und älter) Support kannst du auf sowas zurückgreifen


           background:transparent;
           filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000); 
           zoom: 1;



    Zuletzt modifiziert von Revolution am 09.07.2014 - 18:46:46
    Kreativ, modern, Conversion und Usability optimiert
    individuelles Webdesign für ein optimales Erscheinungsbild
    404studios
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurck zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten