Définition de gradient incorrecte ?

[RobertG]

Bonjour,

Sur un site que je viens de migrer pour tests en local, les outils de développement me signalent une "Valeur de propriété incorrecte" (template J51 Madison) pour cette définition d'image (il y a dans le template un choix de l'image elle-même, identique en J3 et J4, et qui s'affiche sans gradient en J4)

#container_header {
    background-image: linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
}​

En version 3, la gestion de l'image utilisait sans incident

background-image: -webkit-linear-gradient(bottom, rgba(235,202,202,0) 0%, rgba(235,202,202,0.8) 100%);

Comment obtenir le même effet en J4 ?
Merci de vos conseils !

[bird]

Bonjour,
Déjà, tu dois pouvoir ôter le "image" du "background". Ça donnerait quelque chose du genre background: {"linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8))";}

[RobertG]

Merci, mais hélas, testé dans les outils de développement, ça ne change rien.
Le pack incluant le template m'a été fourni par ma cliente, j'ai voulu installer la version quickstart, mais elle ne s'installe pas, erreur au niveau de l'insertion dans la base (Duplicate entry '700-4.3.0-2023-03-29' for key 'PRIMARY'), et leur démo est en J3.

J'ai trouvé la cause de l'erreur d'installation : l'insertion par le quickstart de données dans la table #__schemas
Et le même blocage de l'instruction de gradient se produit sur cette version de démo en J4.

[lomart]

Bonsoir Robert,

J'ai l'impression qu'il manque le sens du dégradé. Essaie avec "to bottom":

#container_header {
background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
}​​

mais J4 n'a normalement rien à voir dans le CSS

[RobertG]

Merci Loïc. Plus d'erreur, mais aucun effet sur l'image, contrairement à ce qui se passe en version J3.
Il va falloir interroger Joomla51.

[lomart]

Merci Loïc. Plus d'erreur, mais aucun effet sur l'image, contrairement à ce qui se passe en version J3.
Il va falloir interroger Joomla51.

Ton dégradé joue sur des transparences de noir, ce n'est pas le plus visible
surtout s'il n'y a pas d'image derrière

[RobertG]

Je pense que c'est une erreur du template lui-même, parce qu'en version 3, l'image dont le fond est noir avec des motifs est transformée pour avoir la partie haute plus claire.