Comment masquer les murs de cookies et les pop-ups de consentement avec le CSS
Les bannières cookies sont l'impôt à payer pour visiter presque n'importe quel site web en 2026. Elles recouvrent le contenu, bloquent le défilement et exigent un clic avant que vous puissiez lire le moindre mot. Avec JustZix, vous pouvez les faire disparaître automatiquement sur chaque site de votre choix.
Pourquoi une règle CSS vaut mieux que cliquer sur « Tout refuser »
Parcourir les dialogues de consentement est répétitif et lent, et beaucoup d'entre eux cachent le bouton « Refuser » derrière un menu supplémentaire. Une règle JustZix s'exécute dès que la page se charge, de sorte que la bannière n'a jamais l'occasion de vous interrompre. Vous la configurez une fois par site (ou une seule fois avec un motif d'URL large) et vous l'oubliez.
L'astuce est que la plupart des bannières ne sont que de simples éléments du DOM aux noms de classes prévisibles. Masquez l'élément, restaurez le défilement, et la page se comporte comme si la bannière n'avait jamais existé.
Recette 1 : masquer la bannière et restaurer le défilement
La plupart des bibliothèques de consentement verrouillent la page en ajoutant overflow: hidden à l'élément <body> ou <html>. Masquer la bannière seule ne suffit pas — vous devez aussi déverrouiller le défilement.
/* Nettoyage générique des bannières cookies */
[id*="cookie"], [class*="cookie-banner"],
[class*="consent"], [id*="consent"],
[aria-label*="cookie" i] {
display: none !important;
}
/* Restaurer le défilement verrouillé par la bannière */
html, body {
overflow: auto !important;
position: static !important;
}Le drapeau i dans [aria-label*="cookie" i] rend la correspondance insensible à la casse, donc il attrape « Cookie », « COOKIE » et « cookie » de la même façon.
Recette 2 : supprimer la superposition sombre en arrière-plan
Certains sites assombrissent toute la page derrière le dialogue avec une superposition fixe en plein écran. Même après avoir masqué le dialogue, cette couche grise peut rester et avaler vos clics.
/* Supprimer le fond assombrissant */
.modal-backdrop, .overlay, .cookie-overlay,
[class*="backdrop"], [class*="scrim"] {
display: none !important;
pointer-events: none !important;
}Recette 3 : un repli JS pour les bannières tenaces
Quelques outils de consentement reconstruisent la bannière après le chargement du CSS, ou la rendent dans un shadow DOM que le CSS ne peut atteindre. Pour ceux-là, une petite règle JavaScript fait l'affaire. JustZix l'exécute sur les pages que vous ciblez.
// Supprimer les nœuds de consentement rendus tardivement
const KILL = ['cookie', 'consent', 'gdpr', 'privacy-banner'];
function sweep() {
document.querySelectorAll('div, section, aside').forEach(el => {
const id = (el.id + ' ' + el.className).toLowerCase();
if (KILL.some(k => id.includes(k)) && el.offsetHeight < 600) {
el.remove();
}
});
document.documentElement.style.overflow = 'auto';
document.body.style.overflow = 'auto';
}
sweep();
new MutationObserver(sweep).observe(document.body, {
childList: true, subtree: true
});La garde offsetHeight < 600 est un filet de sécurité : elle empêche le script de supprimer un véritable article qui mentionnerait « privacy » dans un nom de classe.
Cibler les bonnes URL
Si vous voulez ceci partout, utilisez un motif générique tel que *://*/*. Si un site particulier casse, restreignez plutôt la règle à ce domaine. JustZix vous permet de conserver à la fois une règle de nettoyage globale et des surcharges par site, et la règle la plus spécifique l'emporte.
- Global :
*://*/*pour le CSS générique ci-dessus. - Par site :
https://news.example.com/*pour un sélecteur ajusté.
Quand arrêter de masquer et commencer à cliquer
Masquer une bannière avec le CSS n'envoie pas de choix de consentement au site. Pour la plupart des lectures, c'est très bien — pas de bannière, pas de dialogue de suivi. Mais si un site refuse vraiment de fonctionner tant que vous ne répondez pas, cliquez une fois sur « Tout refuser » et laissez JustZix masquer la bannière lors des visites suivantes.
Pour commencer
Récupérez l'extension sur la page télécharger JustZix, puis parcourez nos exemples prêts à l'emploi pour plus de snippets de nettoyage. Une fois les bannières disparues, la gêne suivante vient généralement des pop-ups — consultez notre guide pour éliminer les pop-ups d'inscription et de newsletter.
Cinq minutes de configuration vous offrent un web plus propre pour de bon. Enregistrez vos règles, exportez-les en sauvegarde, et profitez de pages qui s'ouvrent directement sur le contenu.
Notez cet article
Aucune note — soyez le premier.