28250 sujets

CSS et mise en forme, CSS3

Bonjour
Je sèche depuis ce matin : impossible de faire fonctionner mask-image, qui ne m'affiche que du vide.
Testé avec un autre svg (https://staging.svgrepo.com/show/206962/school-bell.svg) avec le même résultat. J'ai pourtant employé cela sur d'autres sites, et de la même façon sans problème.
.monbouton button::before {
  content: "";
  mask-image: url("img/sprite.svg");
  background-color: black;
  width: 48px;
  height: 48px;
  display: block;
}

Je précise que l'url de l'image est bien sûr valide et s'affiche dans le navigateur...
Merci de vos lumières!
Je me réponds à moi même :

Le chemin complet fonctionne pour la propriété mask-image
mask-image: url(https://www.monsite/img/sprite.svg) 
mais pas le chemin relatif,
mask-image: url(img/sprite.svg)
qui est pourtant compris par le navigateur pour la propriété background-image.

Auriez vous des renseignements sur ce phénomène?
Salut,
Peut-être que ce n'est pas universel, mais normalement, une url donnée dans le css a la forme
url('le_chemin_en_question');

Il y a des ' à l'intérieur des parenthèses.
Non, ce n'est pas ça ?
PS : finalement, sur l'un de mes sites, il n'y a pas de ', sur un autre il y en a. Etles deux fonctionnent ! Smiley ohwell