28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous

J'ai découvert aujourd'hui un bug liant firefox, bxslider et l'opacity avec le a:hover, qui me resette l'opacité du contenu du slider, entière, au survol d'une ancre, pour quelques secondes
http://benjaminfontaine.fr/#13

J'aimerais savoir si l'un d'entre vous aurait des pistes à me proposer Smiley smile

Merci pour vos lumières Smiley jap
Modifié par ben_74 (18 Oct 2013 - 19:01)
Bonjour / Bonsoir, oserai-je dire que c'est "farpaitement" normal ?

Car depuis quand un filtre pour Ie s'écrit avec un # DEVANT ? ? ?

Trouvé quatre "...;#filter:alpha(opacity=X);..." dans le css, alors que normalement une transparence pour Ie s'écrit ...;filter:"alpha(opacity=X)";... et pour tous les autres Navigateurs ...;opacity=0.X;... !


Par ailleurs, encore plus curieux, pour un "WebMaster / Débeloppeur", de trouver tout le css jeté en vrac dans la Page, et un Code générant plus de deux cent fautes de conformité ? Et votre texte est illisible, hormis pour les robots, avec toutes ces images à des dimensions différentes et qui font donc changer sans cesse et sauter la mise en Page à un rythme effréné...
J'en reste tout ébaubi...


Cordialement, Yvanoph---
Merci pour tes remarque en effet je n'ai pas pris en compte les validations W3C
J'ai voulu tester rapidement le css pour tous les navigateurs, je suis programmeur de fait.
J'ai mis les # pour que ie n'interprète seulement les règles "filter"

Je suis parvenu à éliminer ces erreurs et le rendu est "transparent" sur firefox à présent ..

Si je supprime la première slide et fait référence à http://benjaminfontaine.fr/#12 les slides s'affiche mais toujours le bug du hover unique à firefox ( ie & chrome se comportent très bien )

sans la règle
@-moz-document url-prefix(){
le bug se répercute à tous les hoover

ex: http://benjaminfontaine.fr/4.php#12
Modifié par ben_74 (18 Oct 2013 - 19:17)
Ben, euuuhhh...

Sans vouloir vous vexer, là encore, NORMAL ?

Les "filter" existent pour Ie, mais PAS pour les autres Navigateurs ! ! !

Je n'en ai vu qu'un seul qui ait les deux valeurs, là où vous avez mis comme valeur 1 pour tous les Navigateurs et 100 pour Ie, les autres, pffffttt, absent, en grève ? Car je trouve 70 ou 80 pour Ie, par exemple, mais 0.7 ou 0.8 pour les autres ?
Donc sans être déclarés, pas prêts à fonctionner ceux là ?


Bonne soirée, Yvanoph---
Et bien même dans ce cas, en mettant bien la css à part, mis à part les côtés "problématiques"
toujours des sauts d'opacité sous firefox .. c'est pourquoi je pose la question, à la base, en premier lieu
http://benjaminfontaine.fr/#13
et si l'on compare avec une version où j'ai retiré bxslider : http://benjaminfontaine.fr/6.php

Le truc intéressant est que cela met à 0 pdt 1 à 2 secondes l'opacité de l'élément parent puis ce dernier revient, et l'effet hover également
Modifié par ben_74 (19 Oct 2013 - 19:03)