Absolutes Element, das die Breite des relativen Eltern-DIV erbt

Question

Ich versuche, einen Farbverlauf über einen Inline-/Inline-Block-Anker-Link zu positionieren, und dieser Farbverlauf erbt die Breite dieses Eltern-Ankers. Das Problem besteht darin, dass der Bereich entweder die gesamte Breite des übergeordneten Elements des Ankers oder nur die Breite des Elements erbt. Ich bin nicht in der Lage, das span-Element zu erhalten, um die Breite ordnungsgemäß zu erben, während die Inline-Anzeige des Ankers beibehalten wird.

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

nicht mit position: absolute soweit ich sehen kann getan werden kann.

Ich bin nicht sicher, ob diese Sie dienen wird, aber wie über die aposition: relative und die a span

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

geben?