Bandeau foncé, bandeau foncé sur smartphone et tablette uniquement |
Bienvenue invité ( Connexion | Inscription )
Bandeau foncé, bandeau foncé sur smartphone et tablette uniquement |
26 Jul 2020, 15:27
Message
#1
|
|
Nouveau Membre Groupe : Membres Messages : 32 Inscrit : 28 Sep 2009 Membre no 142 974 |
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. |
|
|
26 Jul 2020, 18:44
Message
#2
|
|
Macbidouilleur d'Or ! Groupe : Membres Messages : 9 949 Inscrit : 9 Nov 2001 Lieu : Pays d’Aix Membre no 1 255 |
… le bandeau apparaît foncé sur le bas des 3 grandes photos. S'agit-il des 3 points de défilement des photos ? Arlebosc En effet, ce n'est visible que sur un petit écran de smarthone. Pas sur iPad, écran plus grand. -------------------- Mac Studio M1max 32 Go 1 To - Sonoma 14.7 - Eizo 27" + Nec 21" - usage PAO
MBp14 M2pro 16 Go 1 To - Sequoia 15.0 - iPhone 15 128 - iWatch 6 abonné VVMac |
|
|
27 Jul 2020, 13:01
Message
#3
|
|
Macbidouilleur d'Or ! Groupe : Membres Messages : 4 885 Inscrit : 1 Jul 2010 Membre no 156 073 |
Bonjour,
dans style.css, lignes 1626 à 1631, sur le sélecteur .owl-carousel-fullwidth .item > a:after, supprimer box-shadow (et les versions préfixées). -------------------- L'homme n'est que poussière... c'est dire l'importance du plumeau ! Alexandre Vialatte
|
|
|
27 Jul 2020, 16:15
Message
#4
|
|
Nouveau Membre Groupe : Membres Messages : 32 Inscrit : 28 Sep 2009 Membre no 142 974 |
Merci pour la réponse
Ce message a été modifié par claire04 - 30 Jul 2020, 12:18. |
|
|
27 Jul 2020, 16:32
Message
#5
|
|
Macbidouilleur d'Or ! Groupe : Membres Messages : 4 885 Inscrit : 1 Jul 2010 Membre no 156 073 |
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 ? -------------------- L'homme n'est que poussière... c'est dire l'importance du plumeau ! Alexandre Vialatte
|
|
|
Nous sommes le : 24th September 2024 - 09:40 |