css - 相対親 div の幅を継承する絶対要素

Question

インライン/インラインブロックアンカーリンクの上にグラデーションを配置しようとしており、そのグラデーションがその親アンカーの幅を継承するようにしています。問題は、スパンがアンカーの親の幅全体を継承するか、  の幅だけを継承することです。アンカーのインライン表示を維持しながら、スパン要素に幅を適切に継承させることができません。

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

position: absolute私が見る限りではできません。

これが役立つかどうかはわかりませんが、a position: relativeとを与えるのはどうですかa span

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

?