[HaBo]

.:L · 18.08.06, 11:11

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

[starfoxx] · 18.08.06, 11:25

#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.

Zitat:

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.

P.s. In der .html dann:

<div id="container1"></div>

Anzeige

- Anzeige -

.:L · 18.08.06, 11:29

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?

[starfoxx] · 18.08.06, 11:30

http://www.css4you.de/moz-opacity.html

Du sollst lesen.

Zitat:

Prozentangabe
Nicht mehr ab Mozilla 1.5. Du solltest deshalb auschließlich Zahlen-Werte verwenden.

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

Zitat:

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?

Wie "nur in HTML"?
Du benutzt denselben Befehl, also ist das so oder so css, egal ob ausgelager oder nicht :S

.:L · 18.08.06, 11:45

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

[starfoxx] · 18.08.06, 11:48

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...

.:L · 18.08.06, 12:02

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);
}

Zwirni · 18.08.06, 19:07

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/eigenscha...lter.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

.:L · 21.08.06, 08:40

Also....

Bei mir hats auf Opera, IE und Firefox gefunzt...

Anzeige

- Anzeige -

18.08.06, 11:11	#1 (permalink)
.:L Senior Member Registriert seit: 05.05.06 Likes: 24	<--- opacity? oder nur in html? Anzeige 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 __________________ fat people are hard to kidnap

18.08.06, 11:29	#3 (permalink)
.:L Senior Member Themenstarter Registriert seit: 05.05.06 Likes: 24	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? __________________ fat people are hard to kidnap

18.08.06, 11:45	#5 (permalink)
.:L Senior Member Themenstarter Registriert seit: 05.05.06 Likes: 24	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 __________________ fat people are hard to kidnap

18.08.06, 11:48	#6 (permalink)
[starfoxx] Senior Member Registriert seit: 18.09.05 Likes: 0	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...

18.08.06, 12:02	#7 (permalink)
.:L Senior Member Themenstarter Registriert seit: 05.05.06 Likes: 24	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); } __________________ fat people are hard to kidnap

18.08.06, 19:07	#8 (permalink)
Zwirni Registriert seit: 20.01.03 Likes: 0	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/eigenscha...lter.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

21.08.06, 08:40	#9 (permalink)
.:L Senior Member Themenstarter Registriert seit: 05.05.06 Likes: 24	Also.... Bei mir hats auf Opera, IE und Firefox gefunzt... __________________ fat people are hard to kidnap

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Grafik erstellen mit HTML/PHP oder ähnliches	Dawen	Code Kitchen	3	21.06.08 14:19
Ipod oder Creative Zen, oder ganz was anderes	mauralix	Kaufberatung	10	20.02.08 17:40
Ipod oder Creative Zen, oder ganz was anderes	mauralix	HaBo Lounge	6	19.02.08 22:49
Display kaputt ? Oder doch Adapter oder was anderes?	Mackanzy	Die Problemzone	0	25.11.04 23:55
PHP/Html sichtbar oder nicht?	Kenny	(Web-) Design und webbasierte Sprachen	0	11.10.04 23:34

[HaBo]

<--- opacity? oder nur in html?