Hello 
j’ai un problème que je n’arrive pas à résoudre concernant les sprites, voici tout d’abord mon code et le lien pour vous donner une idée, rien de bien compliqué...
Le problème: j’ai deux images, les deux ont la même ombre portée, mais de couleur différente, ce qui pose un problème quand les deux images sont l’une sur l’autre. Avec le type d’écriture que j’ai utilisé pour ce sprite, les deux images doivent se superposer.
Existe-t-il une façon de ne faire apparaître mon image qui se trouve en dessous que quand on la survole?
Il existe bien évidemment d’autres techniques mais le problème c'est que j’ai une propriété de transition qui m’empêche de me retourner vers les autres solutions.
Si quelqu’un a une proposition je suis preneur
Modifié par porcini (22 Oct 2012 - 13:44)
j’ai un problème que je n’arrive pas à résoudre concernant les sprites, voici tout d’abord mon code et le lien pour vous donner une idée, rien de bien compliqué...
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<style>
#button-gallery {
width:200px;
height:80px;
}
#button-gallery a {
display:block;
height:80px;
overflow:hidden;
}
#button-gallery a img {
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
}
#button-gallery a img:hover {
opacity:0;
}
#bt-gallery {
background:url(sprites.png) 0 -92px;
}
#bt-gallery img {
margin-left:0;
margin-top:0;
}
</style>
<title>Sprite</title>
</head>
<body>
<div id="button-gallery"> <a href="#" id="bt-gallery"><img src="sprites.png" alt=""/></a> </div>
</body>
</html>
Le problème: j’ai deux images, les deux ont la même ombre portée, mais de couleur différente, ce qui pose un problème quand les deux images sont l’une sur l’autre. Avec le type d’écriture que j’ai utilisé pour ce sprite, les deux images doivent se superposer.
Existe-t-il une façon de ne faire apparaître mon image qui se trouve en dessous que quand on la survole?
Il existe bien évidemment d’autres techniques mais le problème c'est que j’ai une propriété de transition qui m’empêche de me retourner vers les autres solutions.
Si quelqu’un a une proposition je suis preneur
Modifié par porcini (22 Oct 2012 - 13:44)