Dégradé sur une image en CSS

WRInaute impliqué
Bonsoir,
petite question de CSS : je souhaite utiliser le code ci-dessous pour "dégrader" le bas d'une image vers le blanc.
Code:
background:linear-gradient(to top,  #fff 0%,transparent 5%),url(/photo.jpg)

Problème : si l'image ne chargeait pas, j'aimerais qu'à la place s'affiche une couleur sombre (car du texte clair est présent). J'ai essayé de remplacer "transparent" par une couleur, mais du coup l'image passe au second plan. J'ai essayé d'inverser les deux parties du background, mais du coup l'image recouvre entièrement le dégradé…

La seule solution que j'ai trouvée est d'ajouter un bloc de couleur (ce n'est pas raciste) derrière le bloc affecté par ce CSS, mais je me demande s'il n'y pas plus élégant ?

Merci !
 
WRInaute impliqué
Je pense que c'est plus ou moins la solution que j'ai déjà imaginée ("bloc de couleur derrière bloc affecté"), mais pour être plus précis je me demandais si ce n'était pas possible de modifier tout simplement le "background" en css, en ajoutant peut-être une 3e valeur quelque part ?
Sinon j'ajouterai ce bloc, c'est pas pour ce que ça coûte…
Merci quand même pour la réponse, désolé si je n'ai pas été clair
 
Discussions similaires
Haut