<--- opacity? oder nur in html?

.:L

.:L

0
Moin Leute

Folgendes:

Ich würde gerne meine Container 10% transparent machen und weis auch wie, allerdings nur im HTML-Code.

Jetz ist die Frage, wie ich die Kiste in CSS auslagere, weil ich kein Bock hab, den befehl 1000 mal zu schreiben.

Falls ihr ne Ahnung habt bitte melden...

mfG
 
#container1, #container2, #container3 {
-moz-opacity:0.1;
}

#container1 {
übrige formate
}

#container2 {
übrige formate
}

usw.

Wird aber nur in browsern mit der gecko renderenginge funtionieren.
Also sperrst du damit user aus.

Diese Eigenschaft gehört nicht zum offiziellen Standard des W3C, sondern ist in Anlehnung an die kommenden CSS-3-Eigenschaften von den Mozilla-Entwicklern eingeführt worden.
Zum Vergrößern anklicken....

P.s. In der .html dann:

<div id="container1"></div>
 
Code: 
.box,.box2,.box3
{
  opacity:60%;
}

funzt net

Edit:
Ja das mit wem w3c standart hab ich auch gelesn...aber wenns doch im HTML klappt..... oder kanns sein, dass es erst in css3 in css klappen wird und bis jetz nur in HTML?
 
http://www.css4you.de/moz-opacity.html

Du sollst lesen.

Prozentangabe
Nicht mehr ab Mozilla 1.5. Du solltest deshalb auschließlich Zahlen-Werte verwenden.
Zum Vergrößern anklicken....

Schau doch mal nach was für einen browser+version du verwendest...

Edit:
Ja das mit wem w3c standard (autom.korrigiert) hab ich auch gelesn...aber wenns doch im HTML klappt..... oder kanns sein, dass es erst in css3 in css klappen wird und bis jetz nur in HTML?
Zum Vergrößern anklicken....

Wie "nur in HTML"?
Du benutzt denselben Befehl, also ist das so oder so css, egal ob ausgelager oder nicht :S
 
Ich hab den befehl bis jetz nur in den HTML-Sheets benutzt, weil ich nicht weis wie man die Kiste auslagert.

Bei mir funktioniert der Code in folgenden Browsern

IE:6.xxxx
Opera:9.1
Mozilla: (Grad kA ladn dauert zu lang -.-)

Code: 
<div class="box" align=center style="float:left;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;">

Es geht mir bei der ganzen Sache nur ums auslagern... irgendwie hab ich das Gefühl, wir reden aneinander vorbei :D
 
Naja.. das ist ja auch das Erste mal dass du das sagst ;)

Probiers doch mal mit

Code: 
.box {
float:left;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
}

sowie

Code: 
<div class="box"></div>
Wenn du lust hast kannst du das auchnoch för den IE in nem separaten stylesheet speichern, kannst du hier nachlesen.
Es wäre einfacher wenn du mir das zeug mal linken könntest, dann könnte ich selber schauen und kurz rumprobieren, das gibt ne schnellere Lösung für Beide...
 
Is einfacher:

Code: 
.box,.box2,.box3{
	opacity: .5;
	filter: alpha(opacity=90);
}

Mein Editor erkennt die Elemente halt net an, deswegn war ich auch n bischn verwirrt...aber ok. Er kann ja nix kenn wasses offiziell net gibt wa?

das ganze müsste auch mit bilder funzen oder??

Code: 
image{
.box,.box2,.box3{
	opacity: .5;
	filter: alpha(opacity=90);
}
 
filter:alpha() und konsorten wird nur vom IE unterstützt. Kannste somit vergessen. Lohnt sich bei Bildern nur wenn man ein tranpsarente PNG auch im IE transparent darstellen will. http://de.selfhtml.org/css/eigenschaften/filter.htm#alpha

-moz-opacity ist nur für gecko-basierte Browser (Mozilla, Firefox, etc.) und sollte man daher ebensowenig einsetzen.

Und aus den beiden Gründen erkennt dein Editor die beiden Befehle nicht - weil sie nicht dem Standard entsprechen. Versuchs mal mit notepad ;)
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben