Soucis avec filter:drop-shadow (CSS)

[Isilian]

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.

[◦Jay◦]

Bonjour, votre code fonctionne, il me semble juste que vous ne l'avez pas mis correctement dans votre css, je vois ce code :

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.

[Isilian]

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

[Chacha]

Bienvenue sur le forum de support de Forumactif Bonjour, Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.