Soucis avec filter:drop-shadow (CSS)
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Soucis avec filter:drop-shadow (CSS)
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Safari, Edge (co-admins), Opera (co-admin)
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis toujours
Lien du forum : (lien masqué, vous devez poster pour le voir)
Description du problème
Bonjour !Nouvellement fondatrice de forum, je travaille énormément sur l'apparence de celui-ci.
Après de longues recherches sur les différents effets possibles, je suis tombée sur le Filter: drop-shadow (), qui permet de faire apparaitre une ombre autour d'une image png en respectant ses contours.
Cependant, même en testant énormément de versions de la syntaxe nécessaire pour ce filter, il se trouve qu'AUCUNE de ces versions ne fonctionne. J'ai testé tous les autres filters ou presque (grayscale, hue-rotate, blur, invert, sepia, brightness...), et TOUS fonctionnaient. Sauf drop-shadow donc. Aucune ombre n'apparait comme sur les sites explicatifs de l'effet.
J'ai fait l'essai sur deux images mises dans le code du message d'accueil, et dernièrement sur le logo de mon forum. Même soucis à chaque fois, et ce quel que soit le navigateur utilisé (d'autant plus que j'ai bien vu des générateurs de ce filter ailleurs, ça apparaissait bien sur mon navigateur). Je pense donc que c'est un soucis de syntaxe... ou de compatibilité avec Forumactif ?
Ma syntaxe en cours, pour le logo, mais c'est le même soucis quelle que soit ce que je mets. Les autres filters fonctionnent, et pas le drop-shadow.
- Code:
#i_logo
{
-webkit-filter: drop-shadow(10px 10px 10px #FFFFFF);
-o-filter: drop-shadow(10px 10px 10px #FFFFFF);
-moz-filter: drop-shadow(10px 10px 10px #FFFFFF);
filter: drop-shadow(10px 10px 10px #FFFFFF);
}
Pour dernière précision, les effets box-shadow et text-shadow fonctionnent correctement, et sans même avoir besoin de mettre les webkit, moz et j'en passe (ça fonctionne chez moi en tout cas xD).
Je ne vois vraiment pas quoi faire d'autres et je remercie d'avance celui ou/et celle ou/et ceux ou/et celles qui m'apportera/ront ne serait-ce qu'un début de réponse.
Dernière édition par Isilian le Sam 26 Aoû 2017 - 12:23, édité 1 fois
Re: Soucis avec filter:drop-shadow (CSS)
Bonjour, votre code fonctionne, il me semble juste que vous ne l'avez pas mis correctement dans votre css, je vois ce code :
Regardez votre feuille CSS, sinon, cela fonctionne bien :
Bien à vous.
- Code:
#i_logo {
-moz-filter: drop-shadow(5px5px2px#FF0000);
-o-filter: drop-shadow(5px5px2px#FF0000);
-webkit-filter: drop-shadow(5px5px2px#FF0000);
filter: drop-shadow(5px5px2px#FF0000);
pageaccueilbackground-color: transparent;
}
Regardez votre feuille CSS, sinon, cela fonctionne bien :
Bien à vous.
Re: Soucis avec filter:drop-shadow (CSS)
Bonjour
Merci pour votre réponse, effectivement j'avais changé les valeurs pour tester encore et encore. Par contre je ne vois pas d'où vient "pageaccueilbackground-color: transparent;" (enfin je l'ai mis mais pas dans la même classe et encore je l'ai finalement enlevé vu que ça ne servait à rien oO) et j'avais pourtant mis une espace entre chaque valeur. oO
Et ça ne fonctionne toujours pas chez moi, quel que soit l'appareil sur lequel j'essaie. oO
Edit : Bon je crois avoir trouvé le soucis, j'avais désactivé le "optimiser votre CSS". J'espère que ça ne va pas me créer des soucis ailleurs. XD
Merci pour votre réponse, effectivement j'avais changé les valeurs pour tester encore et encore. Par contre je ne vois pas d'où vient "pageaccueilbackground-color: transparent;" (enfin je l'ai mis mais pas dans la même classe et encore je l'ai finalement enlevé vu que ça ne servait à rien oO) et j'avais pourtant mis une espace entre chaque valeur. oO
Et ça ne fonctionne toujours pas chez moi, quel que soit l'appareil sur lequel j'essaie. oO
Edit : Bon je crois avoir trouvé le soucis, j'avais désactivé le "optimiser votre CSS". J'espère que ça ne va pas me créer des soucis ailleurs. XD
Re: Soucis avec filter:drop-shadow (CSS)
Bienvenue sur le forum de support de Forumactif Bonjour, Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse. |
Sujets similaires
» Soucis avec la fiche d'un membre + soucis avec profil FdF (voir dernier message) Merci !
» Soucis avec Barre de navigation + Soucis de profil (infobulle & Onglet 'en ligne')
» Gros soucis avec l'ensemble du profil et message avec la largeur du forum Urgent
» Soucis avec mes MP !
» Soucis avec une PA.
» Soucis avec Barre de navigation + Soucis de profil (infobulle & Onglet 'en ligne')
» Gros soucis avec l'ensemble du profil et message avec la largeur du forum Urgent
» Soucis avec mes MP !
» Soucis avec une PA.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum