www.webdeveloper.com
Results 1 to 5 of 5

Thread: Opera Issues

  1. #1
    Join Date
    Dec 2009
    Location
    Melbourne, Australia
    Posts
    3

    Opera Issues

    Hi all,

    I am having a hugely annoying issue with one of my websites. I am running through compatibility checks for major (and minor) browsers and I have hit a huge problem with Opera.

    See the site here... http://obviousouterwear.com

    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

  2. #2
    Join Date
    Oct 2003
    Location
    Andover, UK
    Posts
    945
    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?

  3. #3
    Join Date
    Dec 2009
    Location
    Melbourne, Australia
    Posts
    3

    Strange things happen in opera...

    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.

  4. #4
    Join Date
    Oct 2003
    Location
    Andover, UK
    Posts
    945
    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).

  5. #5
    Join Date
    Dec 2009
    Location
    Melbourne, Australia
    Posts
    3
    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles