Я пытаюсь расположить градиент по ссылке привязки 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> </span>Index</a>