The problem I am facing is that when I use an <img> object behind the top links, the links cease to function. I have tried to use z-index to fix the problem but it seems to be a rendering issue with opera.

You may ask why I am doing things this way in the first place so I will provide a little insight.

The background-image attribute would work perfectly in this instance, if it were able to resize the image size. I may be able to work something up with javascript, but even then there are more compatibility issues with those who do not have javascript. The height of the background must be the height of the content, no larger or smaller or you begin to lose critical areas of detail and specific mappings on areas of the background.

The img tag solution using absolute positioning and a 100% height works simply and correctly, except for in opera. It even works in ie6.

Any help in this matter would be greatly appreciated....

darkNinj

mitya

Well your img has a higher zIndex than #header. Surely that's the point. Give your #header position absolute, and a higher zIndex than the image has, and then what?

darkNinj

I have actually managed to fix it. I havent a clue what was causing it - the z-index was fine, it works under firefox, chrome, even ie perfectly.

I made the links pre-load, and in doing so the problem was somehow solved. I also noticed when I used lightweight FireBug on the page, it started working for some strange reason. It would be interesting to find out exactly what happened, but if that doesn't happen, it's working now anyway .

Thanks for the assistance though.

mitya

Weird - I don't see how it could work in other browsers if your image has position absolute and zIndex 2, and your links are static with no zIndex. Sounds exactly like your links should be hidden. Indeed, I just refreshed your page and your top links appeared momenterily but then disappeared when the image loaded (not sure if you've uploaded your fix, just saying).

darkNinj

Yeah its all working perfectly now. I would show you but I can't upload it yet, I have to wait for my client's permission. I will post again when it is up so you can check it out.

I had a lot of issues with the javascript associated with it too but everything worked out in the end though. Opera just doesn't like co-operating like Chrome and Firefox.