css - 继承相对父 div 宽度的绝对元素

Question

我正在尝试将渐变定位在内联/内联块锚链接上，并让该渐变继承该父锚的宽度。问题是跨度要么继承锚的父级的整个宽度，要么只是   的宽度。在保持锚点内联显示的同时，我无法让 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>

Answer 1

据我所知，无法完成position: absolute。

我不确定这是否会为您服务，但是给 thea position: relative和 the怎么样a span

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

?