Forum Doku Wiki Blog

Forumsarchiv 2009, August
z-index-Problem: Link überlagert div

archivierte Beiträge lesen

  1. (CSS) z-index-Problem: Link überlagert div von snoot, 19. 08. 2009, 23:35

z-index-Problem: Link überlagert div

Der folgende Beitrag wurde am 19. 08. 2009, 23:35 Uhr von snoot veröffentlicht.

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.

z-index-Problem: Link überlagert div

Der folgende Beitrag wurde am 19. 08. 2009, 23:39 Uhr von Cheatah veröffentlicht.

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

--
X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes

z-index-Problem: Link überlagert div

Der folgende Beitrag wurde am 19. 08. 2009, 23:51 Uhr von snoot veröffentlicht.

> 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.

z-index-Problem: Link überlagert div

Der folgende Beitrag wurde am 20. 08. 2009, 22:47 Uhr von Cheatah veröffentlicht.

Hi,

> Also das div hat position:absolute;

nicht dasjenige mit dem entscheidenden z-index.

Cheatah

--
X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes

z-index-Problem: Link überlagert div

Der folgende Beitrag wurde am 19. 08. 2009, 23:41 Uhr von ChrisB veröffentlicht.

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


--
Light travels faster than sound - that's why most people appear bright until you hear them speak.

z-index-Problem: Link überlagert div

Der folgende Beitrag wurde am 19. 08. 2009, 23:44 Uhr von snoot veröffentlicht.

> Kein Eintrag da; nix zu markieren.

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

z-index-Problem: Link überlagert div

Der folgende Beitrag wurde am 20. 08. 2009, 00:10 Uhr von snoot veröffentlicht.

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.

Transparentes Hintergrundbild als Link-Cover

Der folgende Beitrag wurde am 21. 08. 2009, 15:28 Uhr von Gernot Back veröffentlicht.

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
--
super me

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4