«
»

Update zu ‘Bildbeschreibung über Bild anzeigen’

Der Code im Artikel Bildbeschreibung über Bild anzeigen hat noch zwei Probleme bei älteren Versionen des Internet Explorers:

Internet Explorer 7:

Beim Internet Explorer 7 kann es passieren, dass der Block mit dem Text neben oder verschoben auf dem Bild angezeigt wird. Dadurch wird der Textblock teilweise durch nachfolgende Elemente verdeckt. Durch die explizite Positionsangabe und dem Wechsel von der Variante des Versteckens mittels display-Style zum visibility-Style konnte ich diese Probleme beheben:

div.switch div.mouse
{
  width: 130px;
  height: 100px;
  display: block;
  visibility: hidden;
  position: absolute;
  text-align: center;
  padding: 10px;
  background-image: url(halfwhite.gif);
  left: 0px;
}
div.switch:hover div.mouse
{
  visibility: visible;
}

Internet Explorer 6:

Hier ist das Problem schwerwiegender. Der Internet Explorer 6 unterstützt keine Unterselektoren nach einem Pseudo-Element. Somit funktioniert das entscheidende Style Sheet nicht. Als Workaround zeige ich den Text im Internet Explorer 6 als ToolTip an. Der JavaScript-Code und die Styles können der aktualiserten Datei entnommen werden.

HTML File switchingblock.html
Grafik head.jpg
Grafik halfwhite.gif

Tags: ,

Dieser Eintrag wurde am Montag, 15. Februar 2010 um 23:41 erstellt und ist abgelegt unter Deutsch, Web-Design. Mit dem RSS 2.0 Feed kannst du den Antworten zu diesem Artikel folgen. Du kannst eine Antwort hinterlassen, oder einen Trackback von deiner eigenen Seite senden.

2 Antworten zu “Update zu ‘Bildbeschreibung über Bild anzeigen’”

  1. My first SilverStripe-Website « of bits and bytes sagt:
    3. März 2010 um 20:52

    [...] of bits and bytes Der normale Wahnsinn in der Softwarewelt – The ordinary madness in the world of software. « Update zu ‘Bildbeschreibung über Bild anzeigen’ [...]

  2. CSS Unterschiede der Internet Explorer Versionen 8, 7 und 6 « of bits and bytes sagt:
    28. März 2010 um 18:59

    [...] Explorer Versionen gefunden (in Englisch). Diese Übersicht hat mir auch bei der Erstellung des ‘Bildbeschreibung über Bild anzeigen’-Effektes sehr [...]

Hinterlasse eine Antwort