Estoy tratando de diseñar un elemento con el:after selector de pseudoelementos CSS

#element {
    position: relative;
    z-index: 1;
}

#element::after {
    position:relative;
    z-index: 0;
    content: " ";
    position: absolute;
    width: 100px;
    height: 100px;
}

Parece que el::after El elemento no puede ser inferior al elemento mismo.

¿Hay alguna manera de tener el pseudo elemento más bajo que el elemento mismo?