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
-
9 nejzajímavějších doménových koncovek
19. srpna 2024 -
Vlastní web: Jak nainstalovat WordPress?
24. června 2024 -
Jak nainstalovat šablonu ve WordPressu
23. července 2024 -
Lék na phishing a apatii ve světě e-mailového marketingu
18. března 2024
Nejnovější
-
AI a internetové podvody
29. října 2024 -
Užitečné nástroje pro bezpečnost na internetu
17. října 2024 -
Jak se chránit před podvody na internetu – část 2
14. října 2024 -
Doména .io v ohrožení: Co přinese předání Čagoských ostrovů?
10. října 2024