02-03-2011, 04:00 PM
Nop CSS3 n'apporte pas de solutution à ton problème.
Actuellement il n'y a que safari, chrome et IE qui gère les background-position-x et background-position-y.
Du coup a apporter une solution générique c'est d'au mieux d'avoir un seul sprite avec toutes les images, diviser celui-ci en X sprites qui aurait un normal et un hover.
Du coup tu aurais
Tu vas certes augmenter la taille des requêtes pour images mais c'ets la seule solution purement compatible et simple a mettre en place ^^
Actuellement il n'y a que safari, chrome et IE qui gère les background-position-x et background-position-y.
Du coup a apporter une solution générique c'est d'au mieux d'avoir un seul sprite avec toutes les images, diviser celui-ci en X sprites qui aurait un normal et un hover.
Du coup tu aurais
div {
background-position: 0 0;
background-repeat: no-repeat;
}
div:hover {
background-position: 0 -10px;
}
div.image1 {
background-image: url("../images/static/div_image_1.gif");
}
div.image2 {
background-image: url("../images/static/div_image_2.gif");
}
Tu vas certes augmenter la taille des requêtes pour images mais c'ets la seule solution purement compatible et simple a mettre en place ^^