Discussion :

[oceane751]

Bonjour à tous,

J'ai un tit soucis (sans blague ) 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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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!

[rodolphebrd]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[oceane751]

le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[oceane751]

bonjour

j'ai rajouté à mon li a

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

display: inline-block;

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

display: inline-block;

rien du tout

j'ai raté un truc?

[oceane751]

problème réglé

merci rodolphe

il fallait mettre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 )