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
-
Členská sekce: 4 důvody proč ji mít na svém webu
12. března 2024 -
Certifikáty Entrust ztratí důvěru Google Chrome
8. července 2024 -
Webdesign: Jak optimalizovat tlačítka na webu
7. března 2024 -
Lék na phishing a apatii ve světě e-mailového marketingu
18. března 2024
Nejnovější
-
Výkonný a kompaktní: ASOME Max Studio s výjimečným poměrem cena/výkon
11. listopadu 2024 -
Šokující data od Microsoftu: Kyberútoky rostou o stovky procent!
8. listopadu 2024 -
Chcete jedinečnou doménu? Objevte koncovky FOOD, MEME a MUSIC!
7. listopadu 2024 -
OpenAI představilo novou funkci ChatGPT Search
6. listopadu 2024