zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Zu viel Transparenz :D

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.08.2009, 14:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.08.2009
Beiträge: 6
Harper befindet sich auf einem aufstrebenden Ast
Standard 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;"
   }
Die beige Textbox sollte eigentlich nicht Transparent sein, sondern nur der schwarze Schatten darunter. Bitte helft mir!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.08.2009, 12:05
b74 b74 ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 15.04.2008
Ort: Potsdam
Beiträge: 179
b74 befindet sich auf einem aufstrebenden Ast
Standard

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;
}
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.08.2009, 12:24
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 05.08.2009, 14:58
Benutzerbild von Pascolo
Stiller Leser
XHTMLforum-Mitglied
 
Registriert seit: 24.11.2007
Ort: Cham
Beiträge: 640
Pascolo sorgt für eine eindrucksvolle AtmosphärePascolo sorgt für eine eindrucksvolle Atmosphäre
Standard

Code:
filter:alpha(opacity=100);
Die Eigenschaft filter in CSS bei (X)HTML-Dokumenten gibt es nicht, deshalb würde ich diese Zeile einfach löschen und auf die in CSS3 spezifizierte Eigenschaft opacity setzen.
__________________
Mit freundlichen Grüssen "Pascolo"

Guter Webspace eSport Topliste Meine Lesezeichen Meine Spielwiese
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:25 Uhr.