PNGs im IE

[Matthias Bode]

Hallo zusammen.
Ich möchte gerne eine Link mit mouseovereffekt in meine internetseite einbauen. Das ganze per css.

So nun sind die Bilder png und haben einen AlphaKanal, damit hat der IE ja so seine Probleme.

Aber hilfe naht
http://www.webdesign-haas.de/praxis/tipps/iefilter.shtml

Klappt auch alles Perfekt wenn ich das Ganze so aufbaue:

#png  {
  width:220px;
  height:90px;
  background: url(bildergalerie_t.png);
  background: expression("none");
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='bildergalerie_t.png');
}

<div id="png"><a  href="#"></a></div>

Nun möchte ich aber noch den Mouseovereffekt einbauen
also hab ich mir gedacht

#png  a{
  width:220px;
  height:90px;
  background: url(bildergalerie_t.png);
  background: expression("none");
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='bildergalerie_t.png');
}

#png  a:hover{
  width:220px;
  height:90px;
  background: url(bildergalerie.png);
  background: expression("none");
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='bildergalerie.png');
}

Aber, war nix!!!
Hat jemand ne Idee, wie ich das zusammenbasteln könnte?
MfG
Matthias

[Hopsel]

Hi,

was passiert, wenn du in #png a und #png a:hover display: block; definierst?

Soweit ich weiß, ist a ein inline-Element, auf das Höhe- und Breiteangaben nicht angewandt werden können.

MfG Hopsel

[Matthias Bode]

Mit display:block funktionierts! Dankeschön.
Muss nurnoch den Mauszeiger irgendwie ändern, da der sich nicht in die normal Hand verändert, die kommt wenn man über einen Link fährt, sondern normal bleibt.
MfG
Matthias

[Hopsel]

Hi,

Muss nurnoch den Mauszeiger irgendwie ändern, da der sich nicht in die normal Hand verändert, die kommt wenn man über einen Link fährt, sondern normal bleibt.

das geht nicht.

http://de.selfhtml.org/css/eigenschaften/anzeigefenster.htm#cursor

MfG Hopsel

[Matthias Bode]

Also hab jetzt noch ein Problem:
Mit CSS sieht alles fantastisch aus, wenn ich aber einen nicht CSS-fähigen Browser habe, wir ja garnix angezeigt, wenn ich keinen Text zum Link angebe, sondern nur das hintergrundbild mittels CSS definiere.

Also hab ich jetzt einen Text angegeben, möchte aber, dass dieser nicht angezeigt wird, dacht color:transparent funktioniert, geht aber nicht.

text-decoration:none hilft schonma gegen die Unterschreichung.

Aber wie kriegen ich es hin, dass der Text nicht sichtbar ist?

mfg
matthias

[Falk]

Link in css-fähigen Browser verstecken:
<a class="..."><span style="display:none;">MeinLink</span></a>

Für die Darstellung der Hand probier mal cursor:hand; in der
css-Definition

vG Falk

[Hopsel]

Hi,

Für die Darstellung der Hand probier mal cursor:hand; in der
css-Definition

der Cursortyp "hand" gehöft nicht zum CSS-Standard und wird nur vom IE unterstützt.

MfG Hopsel

[schwarze Piste]

Tachchen!

Wenn ich das richtig im Kopf habe, kannst/musst du die Definition

background-image: url(xyz);

weglassen.

Gruß

Die schwarze Piste