kostenloser Webspace werbefrei: lima-city

Transparenzproblem

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   dikay

   dikay hat kostenlosen Webspace.

   17:56, 1.2.2009

   Also nächste Frage, nächstes Problem habe ein Transparenz code
   

   div.bg {background:#005500;
   filter:alpha(opacity=65);
   -moz-opacity:0.65;
   opacity:0.65;}

   
   
   so nun wollte ich alle Bilder nicht transparent haben dazu habe ich folgenden Code gemacht
   

   .pic {background:#005500;
   filter:alpha(opacity=95);
   -moz-opacity:0.95;
   opacity:0.95;}

   
   
   so habe nun um das Bild <span class="pic"> gemacht und habe gedacht das das so funzt. Geht aber net.
   
   Hat jmd eine Idee oder geht das anders???

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. e********l

   9:54, 4.2.2009

   Werden die Bilder die nicht transparent sein sollen innerhalb des transparent definierten Bereiches angezeigt? Wenn ja, dann kannst du das knicken: Weil alles was innerhalb eines transparent definierten Bereiches liegt die Eigenschaften seines Parents mitgegeben bekommt. Erst mit CSS3 wird sich das entsprechend ändern lassen können.
   
   Sofern du auf <IE6 und evtl IE6 verzichten kannst würde ich dir empfehlen für transparente Hintergrundgrafiken auf transparente PNG 24 zu setzen. Die eigentlichen Bilder kannst du dann weiterhin mit dem CSS Transparenzfilter versehen.
4. Autor dieses Themas

   dikay

   dikay hat kostenlosen Webspace.

   13:04, 5.2.2009

   ah ok also lässt sich da nix machen das ist zwar schade aber da muss ich mir wohl was anderes einfallen lassen danke trotztdem danke

5. k**e

   13:12, 5.2.2009

   Nehm an du meinst sowas ...
   
   http://kage.lima-city.de/transparent.html
   

   <div style="position:absolute;top:100px;left:350px;">
   <img src="bild.gif" width="200" height="162" 
   style="filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;">
   </div>

6. Autor dieses Themas

   dikay

   dikay hat kostenlosen Webspace.

   13:14, 5.2.2009

   ja habe das bereits probiert das klappt auch aber da ich ein komplettes Feld habe was Transparent ist also einen Hintergrund der auch Transparent ist.
   
   Bilder die darunter kommen will ich halt aber nicht so haben der Hintergrund sollte ruhig noch transparent bleiben es geht halt nur um die Bilder!

7. e********l

   15:02, 5.2.2009

   Wie ich schon sagte, nehm ein (halb)transparentes PNG und zeige das als Hintergrund an. Sowas lässt sich in Grafikprogrammen erstellen. Einziger Nachteil halt ist, dass es im < IE6 nur mit Javascript funktioniert.

8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?