2016-08-01 24 views
0

Dies ist meine Seite-Link/Maus über Hintergrundbild nicht anklickbar auf IE 8

www.landshoppe.com

Meine Links und searchbox in der über divs des Kopfbereiches mit Hintergrundbild Verlegung nicht anklickbar in IE 8. Ist das ein inhärentes IE Z-Index-Problem? (Obwohl ich einen Z-Index 5 für das Suchfeld div angegeben habe). Oder ist das ein Positionsproblem? (Ich habe Position relativ zum div zugewiesen).

Die Seite wird im W3C-Validator validiert. Also keine HTML-Fehler.

Wo ist der Glitch?

Antwort

0

Sie sollten ein bestimmtes Stylesheet für IE erstellen. Das Bezugs es mithilfe der bedingten Kommentare wie folgt aus:

<!--[if IE]> 
<link rel="stylesheet" type="text/css" href="/styles/ie.css" /> 
<![endif]--> 

Und in der CSS hinzufügen - für den klickbaren Bereich - diese Attribute:

  • Eine Hintergrundfarbe (jede Farbe, spielt es keine Rolle). E.G .: Hintergrundfarbe:# 000000;
  • ms-Filter:"progid: DXImageTransform.Microsoft.Alpha (Opazität = 0)";
  • Filter:alpha (Opazität = 0);

Dies löste es für mich!

+0

Danke für die Info, Consta Gorgan. Ich habe die Hintergrundfarbe und die Filter in das Stylesheet eingefügt. Immer noch kein Glück. Tatsächlich ist das Div verschwunden! Dies ist, was ich #searchbox {position: relativ: text-align: center; padding: 5px; breite: 60%; margin: 0px auto; rand-top: 20px; z-index: 5; hintergrundfarbe: # 000000 ; -ms-filter: progid: DXImageTransform.Microsoft.Alpha (Deckkraft = 0); filter: alpha (opazität = 0);} – user3526204

+0

Ich habe ein wenig mit deinem Code gespielt, aber ich kann nicht herausfinden, wo Problem liegt. Auch Sie sollten diesen ähnlichen Thread lesen: [Overlay nicht anklickbar in IE8] (http://stackoverflow.com/questions/12868108/overlay-not-clickable-in-ie-8) vielleicht hilft es –

+0

Hi Consta, bist du auch Finden Sie dasselbe Problem in IE mit meinem Code? – user3526204

0

@Consta Gorgan Ich fand eine Lösung, indem ich alle Ereignisse innerhalb des div in einen anderen innerhalb dieses div setzte und seine Position festlegte: absolut. Jetzt funktioniert es ! Obwohl ich ein Problem im mobilen Responsive Design habe. Schätze, ich werde das als nächste Ebene angehen :)