Errore position fixed all’interno di un div parent

Nel tips utile del giorno dedicato a CSS3 vediamo come risolvere un errore position fixed all’interno di un div parent

Descrizione del problema

Il problema si manifesta quando vi è una struttura di questo tipo:

<div class="test"><!--Div Parente -->
<p class="fixed">DIV FIXED</p>
</div>

In presenza delle seguenti regole css applicate al div parente (o al body):

-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility: hidden;

Di fatto il div fixed al posto di posizionarsi ad esempio in alto a destra del documento, si posiziona in alto a destra del div parente.

Soluzione

Per risolvere vi basterà eliminare le proprietà backface-visibility dal parent.

REFERENCE BACKFACE VISIBILITY

Questo articolo ti ha risparmiato qualche mal di testa? Condividilo o fammi sapere il tuo parere nei commenti!

Image credits “css” disponibile su Shutterstock

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

mailchimp-guida-sviluppatori-api-v3
Up Next:

Guida mailchimp per sviluppatori: api v3 utilizzando php

Guida mailchimp per sviluppatori: api v3 utilizzando php