Абсолютный элемент, наследующий относительную родительскую ширину

Я пытаюсь расположить градиент по ссылке привязки inline/inline-block, и этот градиент наследует ширину этого родительского якоря. Проблема состоит в том, что span либо наследует всю ширину родителя привязки, либо просто ширину . Я не могу заставить элемент span правильно наследовать ширину, сохраняя встроенный дисплей привязок.

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>

Ответы

Ответ 1

Невозможно сделать с position: absolute, насколько я могу видеть.

Я не уверен, что это вам поможет, но как насчет предоставления a position: relative и a span

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