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

Question

我试图在内联/内联块锚链接上放置一个渐变，并让该渐变继承该父锚点的宽度。问题是跨度要么继承锚的父级的整个宽度，要么继承＆amp; nbsp;的宽度。我无法让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无法完成。

我不确定这是否会为您服务，但是如何给予a position: relative和a span

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