Bandeau foncé, bandeau foncé sur smartphone et tablette uniquement

[claire04]

Bonjour, je me suis servie d'un template pour créer un site. Sur ordinateur les photos de la page d'accueil sont normales. Plus on lit le site sur petits écrans (smartphone et tablette) plus le bandeau apparaît foncé sur le bas des photos.
Comment supprimer ce bandeau foncé uniquement sur smartphone et tablette (il apparaît un peu moins sur tablette car écran un peu plus grand que smartphone).

Ce message a été modifié par claire04 - 5 Aug 2020, 10:47.

[scoch]

Ce sont les déclarations qui utilisent les vendor prefixes pour maximiser la compatibilité. Quelques explications sur MDN.

Aux lignes indiquées, tu trouveras ces déclarations CSS :

Code

-webkit-box-shadow: inset 0px -177px 230px -121px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 0px -177px 230px -121px rgba(0, 0, 0, 0.75);
box-shadow: inset 0px -177px 230px -121px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: inset -27px -181px 151px -121px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset -27px -181px 151px -121px rgba(0, 0, 0, 0.75);
box-shadow: inset -27px -181px 151px -121px rgba(0, 0, 0, 0.75);

Au passage, tu remarqueras que le code de box-shadow est en double… Sans doute un oubli ?