i pour l'arrière-plan sur mon site Web, j'utilise des couleurs et en haut, j'ai une image.
Je veux faire cette image noire et blanche avec CSS: mais ce code fait du site global grisalcale J'ai également essayé de mettre du contenu du site à la nouvelle DIV avec style < Code> -WebKit-filtre: aucun; mais cela ne fonctionne pas non plus.
3 Réponses :
Vous pouvez essayer une différence divignortée sur et votre code HTML ressemblera à
Ceci est un style de bloc dans la syntaxe JSX (à partir d'applications ReactJS). Je n'ai aucune idée de ce qui se passe là-bas, mais il semble fonctionner
Il n'a jamais dit qu'il utilise ReactJS ou un cadre JS
Il n'a pas besoin de. Ce n'est que du code de syntaxe JSX, il peut utiliser la syntaxe JS standard ou CSS s'il veut.
Il y a une autre solution sans utiliser d'une superposition DIV à l'aide de Ceci est pris en charge parmi tous les grands navigateurs https://caniuse.com/?search=background-Blend-mode (sauf c.-à-d.) p> Mode fond-fusion Code>. background-color: rgba(255,255,255,1);
background: url('background.jpg') center top no-repeat;
background-blend-mode: luminosity;
D'après ce que je peux comprendre à partir de votre code, vous utilisez des sélecteurs pour tout le corps. Maintenant, vous choisissez un fond pour le corps - qui est votre site Web visible réel? Qu'est-ce que tu attends réellement alors?
Vous avez une image sur le dessus qui devrait être en niveaux de gris ou en arrière-plan?