28172 sujets

CSS et mise en forme, CSS3

[Résolu] CCS3 en local et en ligne sous IE9

Bonjour à tous,

J'ai un petit problème d'interprétation du css3 dans IE9 en fonction que je lance mon site en localhost (où ça fonctionne très bien) et quand je le met "en ligne" sur un serveur dédié (où là ça ne marche plus).
Sachant que je l'ai testé soit en accédant à mon PC depuis un autre soit sur un serveur dédié avec deux installations différentes (wamp et Zend). Le résultat étant le même.

Les fonctions mises en causes sont :
background-size, box-shadow et background-clip

Je n'arrive pas à trouver de solutions sur le net à ce problème car je ne vois pas quel impacte peut avoir le fait d'être en ligne ou en local sur l’exécution du css.

Pour information voici mon code css :
.ombre {
	transition: box-shadow 0.15s ease-out 0s;
	-moz-transition: -moz-box-shadow 0.15s ease-out 0s;
	-webkit-transition: -webkit-box-shadow 0.15s ease-out 0s;
}
.ombre:hover {
	box-shadow: 0 0 5px #333333;
	-moz-box-shadow: 0 0 5px #333333;
	-webkit-box-shadow: 0 0 5px #333333;
	border: 1px solid #ffffff;
}


.border {
	border: 1px solid #d2d4cf;
    border: 1px solid rgba(255, 255, 255, .1);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}


et

.bg-fond {
	background: url("images/fond_2.jpg") no-repeat center center fixed #015a82;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


Merci par avance pour votre aide.
Modifié par Galadhar (22 Nov 2012 - 11:27)
Je viens de trouver la solution très simple pour le coup.

En fait il suffit de rajouter une balise méta entre les balises <head> et </head> et plus particulièrement juste après la balise <head> tel que :

<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Ici, les autres éléments contenus dans head -->
</head>


Ca servira à ceux qui comme moi s'arrachait les cheveux sur le comportement d'IE.

Bonne journée
Sujet clos
Aller à