Nahrazení tečkovaného okraje při onfocus
Toto řešení ukazuje, jak opravit chybu objevující se ve Firefoxu při použití často využívané techniky Phark Image Replacement. Po kliknutí se u aktivního active/on-focus objektu objeví ve Firefoxu nehezký tečkovaný okraj. Toto řešení ho pomocí CSS odstraní.
Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Stu Nicholls. Bližší popis najdete v článku NICHOLLS ACTIVE/FOCUS IMAGE REPLACEMENT NAF-IR.
CSS
.obr_nafir
{
display:block;
width:192px;
height:62px;
margin:20px auto;
}
.obr_nafir a
{
display:block;
width:0;
height:0;
position:relative;
}
.obr_nafir a em
{
display:block;
text-indent:-10000px;
width:190px;
height:60px;
position:absolute;
background:#fff url(„logo.gif“);
border:1px solid #ddd;
cursor:pointer;
}
.obr_nafir a:hover em
{
border-color:#000;
}
.obr_nafir a:active
{
color:#fff;
}
.obr_nafir a:active em, .obr_nafir a:focus em
{
border-color:#c00;
}
XHTML
<html>
<body>
<span class=“obr_nafir“>
<a href=“#“><em title=“homep“>CSS Knihovna</em></a>
</span>
</body>
</html>
Mohlo by vás také zajímat
-
1,5 milionu CZ domén: Co to znamená pro český internet?
31. března 2025 -
Responzivní design: Proč by ho neměl ignorovat žádný vývojář?
27. listopadu 2023 -
Thunderbolt 4 vs. OCuLink: Přišel čas na upgrade?
27. května 2024 -
Vaše pošta může být špatně nastavena – svěřte ji profesionálům
13. července 2023
Nejnovější
-
Google Chrome nyní mění kompromitovaná hesla – jak to funguje?
28. května 2025 -
Google spouští AI Přehledy ve vyhledávání v Česku
23. května 2025 -
-
Umělá inteligence: Co je to GPT?
12. května 2025