[résolu]Box shadow et internet explorer

Des livres incontournables pour tout maîtriser

Auteur
stephane72	# 18 Feb 2012, 19:13:57
50 Posts	Bonjour Je souhaite faire dans un menu des effets shadow avec des border radius.Pour cela voici le code que j'ai créé `#XD-block--14 .blockContent{ background-color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding-left: -20px; -moz-box-shadow: 5px 5px 8px 2px #797a7c; -webkit-box-shadow: 5px 5px 8px 2px #797a7c; box-shadow: 5px 5px 8px 2px #797a7c; }` Sous firefox , opéra,safari,chrome tout fonctionne mais comme toujours ie fait des sienne Avez vous une idée pour que ca fonctionne au moins sous IE 9? merci Modifié par stephane72 (19 Feb 2012 - 19:24)
50 Posts
FloydinBremen	# 19 Feb 2012, 07:41:16
210 Posts	Bonjour, tu as peut-être une valeur en trop : `box-shadow: 5px 5px 8px 2px #797a7c;` essaies ceci : `box-shadow: 5px 5px 8px #797a7c;` une quatrième valeur est possible, elle se positionne après la couleur, il s'agit de inset ou outset. bon courage
210 Posts
stephane72	# 19 Feb 2012, 10:47:46
50 Posts	Bonjour FloydinBremen Merci pour ta réponse mais ca ne change rien.La où je ne comprend pas c'est que tous s'affiche correcte dans le code grace à l'outil de développement (F12)!
50 Posts
stephane72	# 19 Feb 2012, 11:57:13
50 Posts	Bon après examination et différents teste,je crois avoir trouvé mon problème.En effet,ma div se trouve dans un td.Comment contourner ce problème?
50 Posts
fvsch	# 19 Feb 2012, 14:34:28
20100 Posts	Hello, Pour info, à moins de vouloir être compatible avec d'anciennes versions de Firefox (3.6 et antérieures) ou de WebKit, on peut abandonner les préfixes -moz- et -webkit- pour les propriétés box-shadow et border-radius. Pas d'idée particulière pour le coup de la DIV dans un TD, à part bien sûr la possibilité de ne pas utiliser de tableau de mise en page pour construire un menu de navigation.
20100 Posts
stephane72	# 19 Feb 2012, 18:53:35
50 Posts	Je viens donc de m'apercevoir que si je désactive la propriété border-collapse:collapse; de la fonction table,tous fonction.A quoi correspond exactement cette border-collapse:collapse;?Par quoi pui je la remplacer?
50 Posts
FloydinBremen	# 19 Feb 2012, 19:01:10
210 Posts	cela signifie que les bordures des cellules de ton tableau sont fusionnées. Pour voir la différence, essaies le code suivant : `border-collapse:separate;`
210 Posts
gc-nomade	# 19 Feb 2012, 19:02:11
gcyrillus en mode portable 911 Posts	bonjour, border-collapse + border-radius se télescopent dans les tableaux. Tu peut declarer border-spacing:0; au lieu de border-collapse:collapse;. exemple sur un simple tableau http://yidille.free.fr/plux/valign/?53-border-collapse-et-border-radius , ton "defaut" semble lié a cette particularité des tableaux. cordialement GC rien , mais GC encore ...
gcyrillus en mode portable 911 Posts
stephane72	# 19 Feb 2012, 19:24:00
50 Posts	gc-nomade a écrit : Tu peut declarer border-spacing:0; au lieu de border-collapse:collapse;. Nikel Merci
50 Posts
Prévenir un modérateur