MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

Nezobrazení kurzoru ruka

Pokud potřebujete nad některým prvkem webové stránky zobrazit kurzor "ruka", který je typický pro odkazy, můžete využít vlastnost CSS cursor s hodnotou pointer. Bohužel ale MSIE do verze 5.5 správnou hodnotu pointer vůbec nemá implementovanou, místo ní zavádí svou vlastní hand. MSIE 6 potom tuto chybu částečně opravuje tím, že podporuje hodnotu hand i pointer, moderní prohlížeče pouze pointer. Pokud vynecháme možnost, že kurzor "ruka" by měl být pouze nad odkazy, kde je tedy zobrazen automaticky, jaké jsou jiné možnosti řešení?

Nejjednodušší je použití tzv. podtržítkového hacku, o kterém publikoval článek Pixy. Tento CSS hack je syntakticky zcela v pořádku a odpovídá specifikaci CSS 2.1 - je tedy validní, nezávisle na názoru validátorů.

Špatně

CSS:

img.obrazek {
    cursor: hand;
}

Správně

CSS:

img.obrazek {
    cursor: pointer;
    _cursor: hand;
}

Odpůrci používání podtržítkového hacku jej mohou odstranit a zapsat pouze:

CSS:

img.obrazek {
    cursor: pointer;
    cursor: hand;
}

Pozor! V posledním zápisu je nutné dodržet pořadí zapsaných vlastností.

Tento zápis však nesplňuje specifikaci CSS 2.1, neboť ta hodnotu hand vůbec nezná, a tudíž syntaxe nebude validní nikdy.

Související odkazy


Informace o původním dokumentu

  • Autor: Josef Kotva

Štítky a přispěvatelé do dokumentace

 Přispěvatelé této stránky: Triceo, Majda
 Poslední aktualizace od: Triceo,