我正在尝试将渐变定位在内联/内联 block anchor 链接上,并让该渐变继承该父 anchor 的宽度。问题在于 span 要么继承 anchor 父级的整个宽度,要么只继承 的宽度。我无法在保持 anchor 内联显示的同时让 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> </span>Index</a>
最佳答案
据我所知,position: absolute
无法完成。
我不确定这是否对您有用,但是给 a
position: relative
和 a span
怎么样? p>
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
?
关于css - 绝对元素继承相对父 div 的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2394453/