CSS : box shadow sous IE 8

Fermé

Himloy Messages postés 1 Date d'inscription mardi 21 mai 2013 Statut Membre Dernière intervention 21 mai 2013 - 21 mai 2013 à 17:31
Franky do Messages postés 15 Date d'inscription mercredi 5 juin 2013 Statut Membre Dernière intervention 6 juin 2013 - 6 juin 2013 à 15:31

Bien l'bonjoir à tous,

Voila, j'ai crée une box-shadow pour entourer mon contenu.
Sous Chrome il n'y a pas de soucis.
Sous FF il n'y a pas de soucis.
Sous IE 10 il n'y a pas de soucis.
Et c'est là qu'arrive les anciennes versions d'internet explorer.

Voila un screen du comparatif entre les 2 navigateurs.
http://image.noelshack.com/fichiers/2013/21/1369148285-comparatif.jpg

Pour l'effet d'ombre j'ai donc utilisé ceci :

#post{
	-webkit-box-shadow: 0px 0px 8px 0px;
	-moz-box-shadow: 0px 0px 8px 0px;
	box-shadow: 0px 0px 8px 0px; 
}

Et pour IE, j'ai bidouillé pour obtenir un effet similaire ressemblant à ceci:

#post{
background-color : #fff;
  zoom: 1;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Strength=5, Direction=0),
	progid:DXImageTransform.Microsoft.Shadow(Color='#cccccc', Strength=5, Direction=90),
        progid:DXImageTransform.Microsoft.Shadow(Color='#cccccc', Strength=5, Direction=180),
        progid:DXImageTransform.Microsoft.Shadow(Color='#cccccc', Strength=5, Direction=270);
}

Donc nous avons une couleur de fond, car sinon ce sont les caractères qui prennent l'effet d'ombre, et 4 lignes pour créer l'ombre, une pour chaque direction.

L'effet me convient, mais il y a un problème sur les écritures, ce n'est pas très "net" à lire.
Je suis donc tombé sur ceci :
http://fetchak.com/ie-css3/

Donc voici ma question : Est il possible de modifier ce bout de code pour obtenir une écriture nette, ou suis-je obligé d'utiliser ce fichier .htc ainsi que le bidouillage dans mon fichier css ci-dessus pour obtenir mon résultat ?

Je ne pourrais vous répondre que demain matin hélas, navré pour cela.

Merci d'avance, et bonne soirée.

A voir également:

CSS : box shadow sous IE 8
Background color css ✓ - Forum CSS
Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
Css download - Télécharger - HTML
Enlever le soulignage des lien. - Forum CSS
Taille bouton css - Forum HTML

1 réponse

Réponse 1 / 1

Franky do Messages postés 15 Date d'inscription mercredi 5 juin 2013 Statut Membre Dernière intervention 6 juin 2013 2
Modifié par Franky do le 6/06/2013 à 15:37

En fait tu sera obligé d'utiliser une image ou du bidouillage, car le css3 n'est compatible sur internet explorer qu'a partir de la version 9

Mais casse toi pas trop la tête, ie7 est rendu presque inactif sur le web et ie8 va disparaitre tranquillement causé par les nombreux problème d'incompatibilité.

Microsoft a régler se genre de bogue et de compatibilité seulement a partir de la version 9.

conception site web
Seul les génies constatent les erreurs !

Discussions similaires

trait horizontal avec du css

Bonjour,

Je n'arrive pas à faire un trait horizontal avec du css.

Merci pour votre aide

indice et exposant en css ?

Bonjour,

Comment peut on faire pour mettres les indices (en bas de lettre petite taille) et les exposants (en haut de lettre petite taille) ?
Balise xhtml ou style css ?

Je n'aime pas la balise parce qu'elle me décale mes interlignes d'un demi point. créant une interligne de 1 et demi.
Y a t'il d'autres balises html ?

Et en css, quelle classe peut on créer ? Si ça existe....

Namasté
Yv

Enlever le soulignement sous les liens en HTML/CSS

Document initial créé par Jean-François Pillou

Par défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none :
Grâce au CSS Grâce au CSS via une classe Grâce au CSS en ligne Notre vidéo

Grâce au CSS Pour ce faire, il suffit de définir le code CSS suivant dans votre code HTML :

a:link
{
text-decoration:none;
}

Notez que la pseudo-classe :link permet de ne cibler que les liens hypertextes () et non les ancres (). Vous pouvez toutefois vous en passer si vo...

Enlever trait sous un lien href

Bonjour,
J'aimerai savoir comment faire pour que mon lien ne soit pas souligné lorsque je fais un href.

Merci

CSS/Comment enlever couleur liens ?

Bonjour,

Je ne parvients pas à faire en sorte que les liens de mon site ne soient pas coloriés en violet ou en bleu. J'ai pourtant bien spécifié le code suivant :

a {text-decoration:none}

Je ne comprends pas. Merci d'avance.