J'ai récemment acheté le livre d'eric meyer, j'y ai trouvé comment permettre à IE de comprendre hover via un htc et ca marche très bien
Voila ce que ca donne (c'est qu'un petit test) >> ca marche sans first-letter
Code : Tout sélectionner
ul.menu
{
margin: 0;
padding: 0;
list-style-type: none;
}
ul.menu li
{
margin: 0 0 3px 0;
padding: 0;
}
ul.menu li a
{
font-family:andy,serif;
font-size:17px;
font-style:italic;
color:#000080;
display: block;
width: 140px;
line-height: 23px;
text-indent: 22px;
text-decoration: none;
background-image: url(icone_menu4.png)!important;
background-image: url(icone_menu4.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
ul.menu li a:hover, ul.menu li a:focus
{
background-image: url(icone_menu4.png)!important;
background-image: url(icone_menu4.gif);
background-repeat: no-repeat;
background-position: 0 -26px;
}
Voila ce que ca donne (même petit test) >> ca ne marche plus avec first-letter
Code : Tout sélectionner
body
{
background-color:#E1EDFA;
background-image: url("fond_menu1.jpg");
background-repeat: repeat-y;
margin-left:0;
margin-top:0;
margin-bottom:0;
margin-right:0;
behavior: url(csshover.htc);
behavior: url(pngbehavior.htc);
}
#menu1 p:first-letter, #menu2 p:first-letter
{
font-family:"Lucida Handwriting","Lucida Calligraphy",serif;
font-size:23px;
font-weight:bold;
}
ul.menu
{
margin: 0;
padding: 0;
list-style-type: none;
}
ul.menu li
{
margin: 0 0 3px 0;
padding: 0;
}
ul.menu li a
{
font-family:andy,serif;
font-size:17px;
font-style:italic;
color:#000080;
display: block;
width: 140px;
line-height: 23px;
text-indent: 22px;
text-decoration: none;
background-image: url(icone_menu4.png)!important;
background-image: url(icone_menu4.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
ul.menu li a:first-letter
{
font-family:"Lucida Handwriting","Lucida Calligraphy",serif;
font-size:19px;
font-weight:bold;
}
ul.menu li a:hover, ul.menu li a:focus
{
background-image: url(icone_menu4.png)!important;
background-image: url(icone_menu4.gif);
background-repeat: no-repeat;
background-position: 0 -26px;
}