css - posicionar - Elemento absoluto que hereda el ancho relativo del div padre

posicionar div css

Question

Estoy tratando de colocar un gradiente sobre un enlace de anclaje en línea / bloque en línea, y hacer que ese gradiente herede el ancho de ese anclaje principal. El problema es que el intervalo o bien hereda todo el ancho del padre del ancla, o solo el ancho del & nbsp ;. No puedo obtener el elemento span para heredar correctamente el ancho mientras mantengo la visualización en línea de los anclajes.

CSS

a { width: auto; display: inline-block; }
a span { background: url(../images/fade_h1.png); width: 100%; height: 12px; position: absolute; display: block; z-index: 3; }

HTML

<a href="index.php"><span>&nbsp;</span>Index</a>

Answer 1

No se puede hacer con la position: absolute hasta donde puedo ver.

No estoy seguro de si esto te servirá, pero ¿qué hay de dar a position: relative y la a span

left: 0px;
right: 0px;
top: 0px;
bottom: 0px;

?