pie et gradient en hover

Bonjour à tous,

J'ai un tit soucis (sans blague :lol:) quand je veux mettre un gradient et un arrondi sur un hover...

Sans le hover PIE fonctionne à merveille

en gros j'ai ces codes :

le html

Code:

---

1 2 3 4 5 6 7 8

<nav> <ul> <li><a href="cheese.html">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">CONTACT</a></li> <li><a href="#">UPDATES</a></li> </ul> </nav>

---

puis le code css3

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

li{ padding:10px;   height:200px; width:200px; border:1px solid #9c5d10; background: -webkit-gradient(linear, 0 0, 0 100%, from(#e78200) to(#d74f00)); background: -webkit-linear-gradient(#e78200, #d74f00); background: -moz-linear-gradient(#e78200, #d74f00); background: -ms-linear-gradient(#e78200, #d74f00); background: -o-linear-gradient(#e78200, #d74f00); background: linear-gradient(#e78200, #d74f00); -pie-background: linear-gradient(#e78200, #d74f00); -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; -ms-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; behavior: url(PIE.php); position:relative; }

---

ce code fonctionne très bien sans que je mettre un

Code:

---

li a:hover

---

PIE n'est plus du tout pris en compte

j'aimerai que mon exercice fonctionne sous ie7, ie8, ie9 et ie10 (là c'est ok)

où aurai je fauté?

je tourne en rond depuis pas mal de temps et je n'arrive pas à trouver de solution sur google..

merci de m'aider

se serait sympa ;)

à bientôt!

Salut Oceane751,

as-tu consulté le rapport de bug du site css3pie.com ? : http://css3pie.com/forum/viewtopic.php?f=3&t=154

As-tu rajouté au hover :

Code:

---

1 2	behavior: url(PIE.php); position:relative;

---

le

Code:

---

1 2	behavior: url(PIE.php); position:relative;

---

y ait déjà

je ne savais pas qu'il y avait un forum pour PIE

par contre l'anglais et moi ça fait 2

je vais essayer de comprendre quand même

bonjour

j'ai rajouté à mon li a

Code:

---

display: inline-block;

---

mais rien n'y fait..
fonctionne très bien sans sous ie10
mais en dessous et même avec le

Code:

---

display: inline-block;

---

rien du tout

j'ai raté un truc? :oops:

problème réglé

merci rodolphe :ccool:

il fallait mettre :

Code:

---

1 2 3 4 5 6 7 8 9

li a { font-family:"holt"; font-size:16pt; color:#fecb00; text-decoration:none; display: block; behavior: url(PIE.php);   }

---

au lieu de :

Code:

---

1 2 3 4 5 6 7

li a { font-family:"holt"; font-size:16pt; color:#fecb00; text-decoration:none;   }

---

merci beaucoup (et pourtant niveau anglais suis une vraie burne :mouarf:)