Absolutes Element, das die Breite des relativen Elternteils erbt

Ich versuche die position eines Gradienten über eine inline - /inline-block Anker-link, und das Gefälle Erben die Breite des übergeordneten Anker. Das problem ist, dass der span entweder erbt die gesamte Breite der Anker und die Eltern, oder eben die Breite des  . Ich bin nicht in der Lage, um die span-element richtig zu Erben der Breite unter Beibehaltung der Anker-inline-display.

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>

InformationsquelleAutor der Frage abysslogic | 2010-03-06

  1. 24

    Nicht getan werden kann mit position: absolute soweit ich das sehen kann.

    Ich bin mir nicht sicher, ob dies wird Ihnen dienen, aber wie wäre es, die die a position: relative und die a span

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

    ?

    InformationsquelleAutor der Antwort Pekka 웃

Schreibe einen Kommentar