Antworten: 9
Seite [1] |
|
MWD- Design Try to beat me Beiträge: 112 |
# Thema - 16.03.2011 um 11:25 Uhr
ich brauche etwas Hilfe, beim coden da ich in diesem Bereich keine Erfahrung habe, ich möchte den content eines Designs transparent machen, der Inhalt im content soll jedoch nicht transparent dargestellt werden,... --- der Original code: #left_content { background-color:#929292; border:1px #a0a0a0 solid; width:707px; height:100%; float:left; soweit bin ich gekommen: #left_content { background-color:#929292; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; border:1px #a0a0a0 solid; width:707px; height:100%; float:left; --- jetzt wird der content transparent dargestellt, aber auch der Inhalt, genau das möchte ich nicht, was muss ich da ändern oder ersetzen ? ------------------ -Tierschutz ist Erziehung zur Menschlichkeit- |
Inaktiv |
|
Jam2 Highlander Beiträge: 3291 |
# Antwort: 1 - 16.03.2011 um 11:30 Uhr
Du möchtest einfach, dass der Background des Div-Containers #left_content keinen Hintergrund besitzt und dadurch einfach der Hintergrund des Eltern Containers benutzt wird? ------------------ Gruß/ Best regards Jam2 Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes) Template Switch for index.php Board Navlist last posts Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota..... Edi: hö ? Jam2: nichts ist unmöglich! |
Inaktiv |
|
SCHIRI Weltmeister Herkunft: Hamburg Beiträge: 5299 |
# Antwort: 2 - 16.03.2011 um 11:36 Uhr
background-color:#929292; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; Ist nicht der richtige Weg, eben weil Filter und Opacity auchden Inhalt tranzparent machen. Es gibt für dich zwei Möglichkeiten: 1. Keine Hintergrundfarbe, sondern Hintergrundbild benutzen und zwar ein .png mit Transparenz. 2. CSS3 RGBA benutzen: background: rgba(120,120, 120, 0.75); ------------------ www.laszlokorte.de |
Inaktiv |
|
MWD- Design Thread-Ersteller Try to beat me Beiträge: 112 |
# Antwort: 3 - 16.03.2011 um 11:43 Uhr
wie muss der code dann aussehen wenn ich die Option 1 wähle ? 1. Keine Hintergrundfarbe, sondern Hintergrundbild benutzen und zwar ein .png mit Transparenz. ------------------ -Tierschutz ist Erziehung zur Menschlichkeit- |
Inaktiv |
|
Tom08 Supporter Herkunft: Daheim Beiträge: 2923 |
# Antwort: 4 - 16.03.2011 um 11:49 Uhr
background: url('das.png') repeat; Grüße ------------------ Bei Problemen mit Code von mir bitte eine Private Nachricht an mich
|
Inaktiv |
|
Jam2 Highlander Beiträge: 3291 |
# Antwort: 5 - 16.03.2011 um 11:50 Uhr
background-image:url('pfad.png'); die png muss transparent sein. der ie 6 wird aber nicht damit klar kommen ------------------ Gruß/ Best regards Jam2 Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes) Template Switch for index.php Board Navlist last posts Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota..... Edi: hö ? Jam2: nichts ist unmöglich! |
Inaktiv |
|
MWD- Design Thread-Ersteller Try to beat me Beiträge: 112 |
# Antwort: 6 - 16.03.2011 um 11:54 Uhr
ok schonmal danke, wie ist das dann bei der 2ten Option -- #left_content { background: rgba(255, 255, 255, 0.4); border:1px #a0a0a0 solid; width:707px; height:100%; float:left; -- wie ändere ich da die stärke der Transparenz ? ------------------ -Tierschutz ist Erziehung zur Menschlichkeit- |
Inaktiv |
|
SCHIRI Weltmeister Herkunft: Hamburg Beiträge: 5299 |
# Antwort: 7 - 16.03.2011 um 11:56 Uhr
die ersten Zahl in den Klammern gibt den Rot-Wert an, die zweite den Grün-Wert, die dritte den Blau-Wert und die letzte den Alpha-Kanal, 1=nicht transparent, 0=komplett durchsichtig, 0.5=halbtransparent und so weiter ------------------ www.laszlokorte.de |
Inaktiv |
|
Jam2 Highlander Beiträge: 3291 |
# Antwort: 8 - 16.03.2011 um 12:02 Uhr
firefox 2, ie unter 8 fehlerhafte darstellung 0.4 am schluß bedeutet 40% sichtbar natürlich gibt es fallbacks für die älteren browser (auch bei den andereren möglichkeiten) ->google edit: warum bin ich immer der langsamere xD? ------------------ Gruß/ Best regards Jam2 Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes) Template Switch for index.php Board Navlist last posts Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota..... Edi: hö ? Jam2: nichts ist unmöglich! Zuletzt editiert von Jam2 am 16.03.2011 um 12:02 Uhr (2x Editiert) |
Inaktiv |
|
MWD- Design Thread-Ersteller Try to beat me Beiträge: 112 |
# Antwort: 9 - 16.03.2011 um 12:03 Uhr
vielen dank, hat alles geklappt super support (:- ------------------ -Tierschutz ist Erziehung zur Menschlichkeit- |
Inaktiv |
|
Dieses Thema wurde von TeQu!La geschlossen. |
|
Antworten: 9
Seite [1] |