z-index-Problem: Link überlagert div

[snoot]

Hio,

ich habe hier ein Suchfeld oben im Banner.

Bei einer Eingabe erscheint in div mit Suchvorschlägen. Allerdings wird dieses von dem Link "Erweiterte Suche" überlagert (zu sehen, wenn man den ersten Eintrag im div markiert). Ist nur ein Schönheitsproblem, aber ich würd's gerne beheben.

Der Code sieht so aus:

  
<div id="logo">  
  <img src="/bilder/logo.jpg" width="961" height="114" alt="Logo">  
  <div id="sucheoben">  
    <form method=post action="/suche/suche.php" autocomplete="off">  
      <input id="eingabe_fast" name="searchexp" style="width:180px" type="text">  
      <input type="submit" value="Suche">  
      <a href="/suche/">Erweiterte Suche</a>  
      <div id="suggests_fast"></div>            <!-- dieses div wird vom Link davor überlagert -->  
    </form>  
  </div>  
</div>  

Kann ich mit z-index überhaupt einen einzelnen Link beeinflussen (hab alles probiert, aber es ändert nichts)? Ansonsten müsste aber doch das später notierte div "suggests_fast" den davor notierten Link sowieso überlagern, oder nicht?

Danke schon mal.

[Cheatah]

Hi,

Kann ich mit z-index überhaupt einen einzelnen Link beeinflussen (hab alles probiert, aber es ändert nichts)?

wenn Du _alles_ probiert hast, dann geht es offensichtlich nicht. Vermutlich hast Du jedoch nicht in der Spezifikation nachgesehen, insbesondere bei der Angabe "Applies to". Somit besteht also noch Hoffnung.

Cheatah

[snoot]

wenn Du _alles_ probiert hast, dann geht es offensichtlich nicht. Vermutlich hast Du jedoch nicht in der Spezifikation nachgesehen, insbesondere bei der Angabe "Applies to". Somit besteht also noch Hoffnung.

Also das div hat position:absolute; den Link kann ich positionieren wie ich will, 'ohne', relative oder absolute: ich kann mit  z-index das div (testweise z-index:5) nicht über den Link (testweise z-index:1) legen.

[Cheatah]

Hi,

Also das div hat position:absolute;

nicht dasjenige mit dem entscheidenden z-index.

Cheatah

[ChrisB]

Hi,

ich habe hier ein Suchfeld oben im Banner.

Bei einer Eingabe erscheint in div mit Suchvorschlägen.

Schlägst du mir allen Ernstes vor, nach

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /is/htdocs/wp1045195_ZB9I6BAYH4/www/javascript/suggest.php on line 48

Warning: mysql_free_result(): supplied argument is not a valid MySQL result resource in /is/htdocs/wp1045195_ZB9I6BAYH4/www/javascript/suggest.php on line 109

zu suchen ...?

Allerdings wird dieses von dem Link "Erweiterte Suche" überlagert (zu sehen, wenn man den ersten Eintrag im div markiert).

Kein Eintrag da; nix zu markieren.

MfG ChrisB

[snoot]

Kein Eintrag da; nix zu markieren.

Hab gerade die divs umbenannt - daher wohl der Fehler ;)

[snoot]

Hab's jetzt mal so gelöst, dass der Link via JS ausgeblendet wird, wenn das div eingeblendet wird (und vice versa).

Dann stellt sich das Problem gar nicht.

[Gernot Back]

Hallo snoot,

Hab's jetzt mal so gelöst, dass der Link via JS ausgeblendet wird, wenn das div eingeblendet wird (und vice versa).

Du könntest dem DIV, das den Link abdecken soll, aber auch einen transparenten, sogenannten Blindpixel als Hintergrundbild verpassen. Dann sollte Text darunter zwar noch lesbar, nicht aber mehr markierbar sein. Links sollten unter diesem "Cover" dann auch nicht mehr klickbar sein.

Ich habe ein solches Verfahren schon mehrfach bei der Produktion von Teasern angewendet, die großflächig mit absolut-positionierten Links überdeckt werden sollten, ihrerseits aus mehreren verschachtelten (Block-)Elementen bestanden und dabei teilweise auch Text enthielten.

Ob das beobachtete Browserverhalten in diesem Punkt auch den Standards entspricht, kann ich dir nicht sagen.

Gruß Gernot