mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Mi 24.04.2024 15:01 Benutzername: Passwort: Auto-Login

Thema: transparenter container-hintergrund? vom 30.04.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> transparenter container-hintergrund?
Autor Nachricht
Malinsche
Threadersteller

Dabei seit: 12.02.2009
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Fr 30.04.2010 10:19
Titel

transparenter container-hintergrund?

 Antworten mit Zitat Zum Seitenanfang
stehe gerade vor einem mir (unschierbaren) unlösbaren problem Menno!

brauche für ein web-layout einen transparenten containerhintergrund auf dem ich die einzelnen boxen zu 100% positioniere...
kennne aber nur zwei möglichkeiten der transparenz, die beide nicht das layout bedienen!?

zum einen erzeuge ich direkt die transparenz des containerverhaltens (css-eigenschaften) --> dann aber wird mein gesamtes layout trans. ...

zum anderen weise ich die transparenz den einzelnen boxen zu --> was selbstredend, die zwischenräume im regen stehen lässt (mir also lücken entstehen).

brauche bitte einen tip * Wo bin ich? *
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Fr 30.04.2010 10:28
Titel

Antworten mit Zitat Zum Seitenanfang
funktioniert mit rgba und verschiedenen "hacks":
Code:

    <style type="text/css">
        #meineIdMitTransparentemBG {
                background:url(data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%04%00%00%00%04%08%06%00%00%00%A9%F1%9E~%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%00%18IDATx%DAb%F4%F6%F6%3E%C3%80%04%98%18%D0%00a%01%80%00%03%00nV%01%B54%DD%E9%E2%00%00%00%00IEND%AEB%60%82); /* ff2, opera */
                background:rgba(0,0,0,0.6); /* ff3, safari, chrome */
        } 
    </style>

    <!--[if lt IE 9]>
            <style type="text/css">
                #meineIdMitTransparentemBG {
                    background: transparent;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
                    zoom: 1;
                } 
            </style>
    <![endif]-->      

für die browser die es können gibt's eine angabe von rgba, opera und ff2 bekommt per data: ein halbtransparentes png als gekachelten hintergrund und der ie < 9 bekommt per filter einen gradient der keiner ist mit einer transparenz.

in dem beispiel oben wäre es ein schwarzer bg mit einer transparenz von 60%.

Hier noch was zum nachlesen:
http://www.webdevelopedia.com/better_opacity.html
http://yatil.de/Weblog/cross-browser-rgba
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 30.04.2010 10:31
Titel

Antworten mit Zitat Zum Seitenanfang
http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Malinsche
Threadersteller

Dabei seit: 12.02.2009
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Fr 30.04.2010 17:19
Titel

Antworten mit Zitat Zum Seitenanfang
perfekt - also doch ganz easy!

danke euch * huduwudu! *
  View user's profile Private Nachricht senden
 
Ähnliche Themen Transparenter Hintergrund im IE8
transparenter Hintergrund?
transparenter Hintergrund
Transparenter Hintergrund Photoshop cs4
transparenter Verlauf auf Hintergrund
transparenter Hintergrund bei IFRAME
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB