Phần tử tuyệt đối thừa kế chiều rộng của bố mẹ tương đối

Question

Tôi đang cố gắng định vị một gradient trên một liên kết neo nội dòng/inline-block, và có gradient đó thừa hưởng chiều rộng của neo mẹ đó. Vấn đề là khoảng thời gian thừa hưởng toàn bộ chiều rộng của cha mẹ của neo hoặc chỉ chiều rộng của & nbsp ;. Tôi không thể nhận được phần tử span để thừa kế đúng chiều rộng trong khi vẫn duy trì hiển thị nội tuyến neo.

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

có thể không được thực hiện với position: absolute như xa như tôi có thể nhìn thấy.

Tôi không chắc liệu điều này sẽ phục vụ quý khách, nhưng làm thế nào về cho các aposition: relative và a span

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

?