|
|||
Zu viel Transparenz :D
Hey,
ich bastel gerade meine Seite zusammen: www.moertels-seite.de Aber wie man sieht gibts da ein kleines Problem mit der Transparenz. Oben habe ich das mit einer Grafik geregelt, da es aber unten nicht so einfach zu lösen ist, möchte ich es mit CSS machen. HTML-Code:
#textbox { filter:alpha(opacity=100); opacity:1.0; background-color:#967f00; z-index:2; bottom:7px; width:675px; padding:3px; border:1px solid #595715; position:relative; } #textboxshadow { filter:alpha(opacity=50); opacity:0.5; margin-left:275px; margin-top:94px; background-color:#000; width:675px; position:absolute;" } |
Sponsored Links |
|
|||
na dann nimm doch den befehl für die tranparenz aus deiner ID "textbox" raus...
also so: Code:
#textbox { background-color:#967f00; z-index:2; bottom:7px; width:675px; padding:3px; border:1px solid #595715; position:relative; } |
Sponsored Links |
|
|||
Das funktioniert so nicht. Transparenz wird vererbt und lässt sich - zumindest mit der CSS3-Eigenschaft "opacity" - nicht mehr "zurücksetzen". Mit Filter habe ich das noch nicht getestet.
Einfachste Lösung, die semantisch aber etwas schlechter ist: lege #textboxshadow in #textbox und setze #textboxshadow via z-index: -1; unter das Inhalts-div. Das Schatten-div muss dann natürlich leer sein. |
|
||||
Code:
filter:alpha(opacity=100);
__________________
Mit freundlichen Grüssen "Pascolo" Guter Webspace eSport Topliste Meine Lesezeichen Meine Spielwiese |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE - runde Ecken mit Transparenz ohne Grafiken? | freshUser | CSS | 19 | 17.03.2011 21:55 |
Transparenz IE8 - häßliche Schrift IE6/7 | hubspe | CSS | 16 | 03.02.2011 14:20 |
Problem mit Transparenz im IE8 | Chuwi | CSS | 11 | 26.11.2010 08:00 |
Transparenz bei DIV in DIV | Dylan | CSS | 1 | 23.11.2010 20:23 |
Transparenz eines divs wirkt sich auf inliegende aus | bcit6k | CSS | 2 | 10.03.2006 14:38 |