0

See description of the problem with all code:

SUMMARY: (basicaly making an imagemap)

  • I have a div relatively positioned (i will call this the containter :) ), containing 1 image and a couple of div tags with their own image.
  • The image directly under the container is the background image.
  • The div under the container are absolutely positioned to be over the background image, the width and height is set to allow to call capture a "hover".
  • The images under those divs are hidden at the start (the image dimensions are used for the width and height of their respective divs).
  • When a hover occurs one one of those divs, the image it contains becomes visible)

==> the positioning and hiding showing is all done via jquery, see the pastebin link on top of the post for detailed information.

This works fine in chrome and firefox, but when tested on IE9, the hover doesn't work. I have tried playing with the z-index of the divs, but at no avail. Can somebody shed some light on this issue ?

See description of the problem with all code:

Thx!

Edit: Created a jsfiddle from the provided code:

Jav_Rock
  • 22,059
  • 20
  • 123
  • 164
ruben056
  • 112
  • 8
  • which version of jquery is it? – Mr_Green Sep 25 '12 at 11:23
  • 2
    Pasting a link to pastebin where you describe the question is not very helpful. Better would either be a link to the page/site where this is happening, or else setting this up in [jsfiddle](http://jsfiddle.net/) – random_user_name Sep 25 '12 at 17:15

1 Answers1

0

Remove the console.info lines.

console only works with javascript debugger on.

See also: 'console' is undefined error for Internet Explorer

Community
  • 1
  • 1
Bertvan
  • 4,943
  • 5
  • 40
  • 61
  • I know that's why i have following code at the top of all javascript files: – ruben056 Sep 29 '12 at 11:21
  • // because ie does not support console if not in debug... if (!window.console) console = {log: function() {},info:function(){}}; – ruben056 Sep 29 '12 at 11:22