Elemento absoluto que hereda el ancho del divisor padre relativo

Question

Estoy intentando colocar un degradado sobre un enlace de anclaje en línea/en línea y he heredado el gradiente del ancho del anclaje principal. El problema es que el tramo hereda todo el ancho del elemento primario del anclaje, o solo el ancho del & nbsp ;. No puedo obtener el elemento span para heredar correctamente el ancho mientras se mantiene 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 position: absolute por lo que yo puedo ver.

no estoy seguro de si esto va a servirle, pero ¿qué hay de dar la aposition: relative y la a span

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

?