Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Senior Coder
    Join Date
    May 2006
    Thanked 4 Times in 4 Posts

    Problem with my z-index ?? please help.


    I have a page that uses a roll-over to display some extra information.

    The problem is that is not appearing on the top of the page in IE ( Moz FF works fine).

    The page can be seen live at :


    Then click on the top GO button which opens the "add a new advert" page.

    If you roll over the READ THIS text an info box will be displayed - BUT the selection boxes from the form underneath are showing through and obstructing the text.

    I have added a z-index: 3; to the <div> ( you can find this div towards the end of the source code )

    But I can not seeem to cure the problem

    Any suggestions ?

    If you want to attract and keep more clients, then offer great customer support.

    Support-Focus.com. automates the process and gives you a trust seal to place on your website.
    I recommend that you at least take the 30 day free trial.

  • #2
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Sydney, Australia
    Thanked 649 Times in 639 Posts
    Select lists in Internet Explorer, iframes in Opera 8 (and earleir), and incorrectly defined Flash (which most is) will always display in front of everything else on the page. If you can't keep objects you need in front of them away from them then you may have to hide the <selectL, <iframe> and <object> tags when you want to make sure that they don't overlap in front of something else.
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #3
    Senior Coder BarrMan's Avatar
    Join Date
    Feb 2005
    Thanked 83 Times in 82 Posts
    When you set the 'show more' div style to be visible, set the other ones to be hidden and set them back to be visible when you set the 'show more' div to be hidden.


    Posting Permissions

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