• Forum
• Allgemein
• HTML, PHP, SQL,...
• DIV Background transparent

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

1. Mi. 09.07.2014 13:14 Uhr #1

   

   ekie Mitglied

   Registriert seit

   25.04.2008

   Beiträge

   528

   Beitragswertungen

   

   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.

   • zitieren
2. Mi. 09.07.2014 14:53 Uhr #2

   

   Outi77 Mitglied

   Registriert seit

   31.03.2013

   Beiträge

   1.337

   Beitragswertungen

   

   Versuch' mal folgendes:
   Äußeres div:
   

   background-color: rgba(255, 255, 255, 0.5);

   
   

   Zitat

   Hintergrund weiß mit 50% Deckkraft

   
   
   Innere div's:
   

   background-color: #FFF;

   
   

   Zitat

   Hintergrund weiß

   Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
   »Albert Einstein«
   0 Mitglieder finden den Beitrag gut.

   • zitieren
3. Mi. 09.07.2014 18:46 Uhr #3

   

   Revolution Hall Of Fame

   Registriert seit

   14.08.2006

   Beiträge

   1.688

   Beitragswertungen

   

   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.

   • zitieren