La cosa che mi ha sempre affascinato dei CSS è che non si finisce mai di imparare, e quando si crede di sapere più o meno tutto, si scoprono comunque cose nuove. Ecco il fatto: stavo giocando un po' con lo z-index cercando di disporre un elemento posizionato assolutamente sotto l'elemento a cui si riferisce (ovvero il suo containing block), ma senza successo.
Consulto le specifiche a riguardo... ma non dicono niente in proposito. In certi casi, quello che non risulta dalla teoria risulta dalla verifica sul campo, e tutti i browser su cui ho testato confermano che:
Un elemento posizionato assolutamente non può avere z-index inferiore al suo containing block.
Ho preparato una piccola pagina di esempio. Non so se si tratta di un'informazione che vi verrà utile, ma personalmente se non avessi dovuto ricavarla con la verifica avrei risparmiato tempo.
Già che si parla di z-index, oltre alle già citate specifiche, ecco alcuni link di approfondimento, con le inseparabili informazioni sui posizionamenti assoluti:
Buona lettura!
/https://www.html.it/app/uploads/2024/04/css.png)
/https://www.html.it/app/uploads/2024/01/cssday.png)
/https://www.html.it/app/uploads/2023/10/cssday2024.png)