[bcit6k]

Hallo,

kann es sein das wenn man ein png das Transparenz enthält und dies in den background eines divs lät, der Filter von Michrosoft

filterrogidXImageTransform.Microsoft.AlphaImag eLoader(sizingMethod="image", src='images/kopf.png');

für die Transparenz nicht funktioniert?

Danke

[ulle]

Im folgendem Beispiel geht es:


http://www.xhtmlforum.de/viewtopic.php?t=7658

[Graccem]

Zitat von bcit6k

Hallo,

kann es sein das wenn man ein png das Transparenz enthält und dies in den background eines divs lät, der Filter von Michrosoft

filterrogidXImageTransform.Microsoft.AlphaImag eLoader(sizingMethod="image", src='images/kopf.png');

für die Transparenz nicht funktioniert?

Danke

Man muss zwei Sachen beachten:
1. Der Pfad muss stimmen. Dieser geht nicht von der CSS-Datei aus, sondern vom Root-Verzeichnis
2. Das DIV muss eine Breite haben. Wenn das nicht vorhanden ist, dann gibt es auch kein Bild im IE.

[ulle]

Zitat von Graccem

2. Das DIV muss eine Breite haben. Wenn das nicht vorhanden ist, dann gibt es auch kein Bild im IE.

Nun ja, stimmt fast. Der Container muß Layout haben, das muß nicht unbedingt eine Breite sein.

Zitat von Microsoft

The object that the filter is applied to must have layout before the filter effect will display. You can give the object layout by setting the height or width property, setting the position property to absolute, setting the writingMode property to tb-rl, or setting the contentEditable property to true.

Quelle: http://msdn.microsoft.com/workshop/a...mageloader.asp

siehe auch: On having layout von IChao

[Graccem]

setting the writingMode property to tb-rl

Eine sehr sinnvolle Anwendung. Damit der Benutzer des IEs das PNG richtig zu sehen bekommt, muss er jetzt den Monitor drehen, damit man noch etwas lesen kann *g*

setting the contentEditable property to true

Hiuer wird es interessant. MS schreibt dazu:

Security Alert Users can change the contents of a Web page when the contentEditable property is set to TRUE. Using this property incorrectly can compromise the security of your application. Incorrect use of the contentEditable property might include not validating user input. If you do not validate user input, a malicious user can inject control characters or script that can harm your data. You should take routine precautions against displaying unvalidated user input.

Nee, da lasse ich lieber die Finger von. *g*

Also bleibt meiner Meinung nach nur noch die Breite/Höhe und das absolute Positionieren übrig. Wobei für mich Höhe besser ist...

[IChao]

zoom:1 oder display:inline-block oder float:left/right können im Prinzip auch helfen.

Mal braucht man shrink-wrapping: Dann nimmt man ein float oder display:inline-block. Je nach Situation: Vielleicht können wir keine Breite angeben, da das padding bestimmt ist, und wir nicht wissen, wir breit nun 100%-12px sind. Dann nimmt man eine Höhe. Mal braucht man Layout nur für IE5.5-6, mal für IE6-7. Ich finde den Hinweis von Ulle, dass es da noch mehr gibt, sehr wichtig.

Wir haben darüber diskutiert, ob wir auf die Beschreibung von contentEditable oder writingMode verzichten sollten. Oder: Wen interessiert es schon, das marquee layout hat. Braucht das irgendjemand? Schulterzucken. Prompt gab es ein abgehobenes Echo, weil sich "irgendjemand" gerade mit Contenteditable herumgeschlagen hat. Man weiß halt nie, wofür es gut ist. Wer ahnt schon, mit welchen Layout-bugs sich Asiaten mit dem writingMode herumplagen.

Es liegt vom OP keine URL, kein Code und keine spezifische Fehlerbeschreibung vor. Daher kann auch nur spekuliert werden. "Nicht funktioniert" kann so Vieles bedeuten.

[Graccem]

Zitat von IChao

zoom:1 oder display:inline-block oder float:left/right können im Prinzip auch helfen.

Also float alleine hilft nicht. Ich hatte bei mir zwei Divs gefloatet und nur eines der beiden hatte eine Breite (Layout ) und das andere nicht und das PNG wurde nur dort angezeigt, wo die Breite festgelegt war.

[IChao]

Zeig doch mal ein Testcase, vielleicht kann der OP sein Problem damit ja lösen. Wenn es mit floats im IE6 nicht geht, würde ich das gerne aufgreifen.

[IChao]

alpha png nur mit float.

(Funktioniert prinzipbedingt nur im nativen IE6, also kein "Standalone" IE, kein paralleler IE7. Eine weitere Fehlerquelle, die den OP vielleicht betrifft. Aber auch das bleibt Spekulation.)

[Graccem]

Also ich hatte versucht, ein einfaches Beispiel zuliefern, aber ich konnte das Verhalten nicht wiederherstellen. Also habe ich mir noch mal den Quelltext des Originalen angesehen und festgestellt, dass man float schon richtig schreiben muss, damit es auch seine Wirkung zeigen kann. Ich ziehe also meine Aussage aus dem vorherigen Posting zurück.