mozilla
Your Search Results

    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

    Document Tags and Contributors

    Contributors to this page: Triceo, Majda
    Last updated by: Triceo,