Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS z-index problem in ie7 with fixed header element and transparency

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #31557
    two7s_clash
    Member

    I’ve mocked up a page using 960.gs that has has several elements fixed in a div under which the content of the of the page is to flow. The background of this div is a CSS gradient, and has a height of 100% (if the gradient is applied to to the actual body of the page it doesn’t actually extend the whole width of the page). As the user scrolls up, the content is to be viewable behind an opaque menu.

    http://bit.ly/f2a4rC

    The layout works as I want in FF and Chrome, but the content of the page scrolls over the fixed upper area in IE7.

    I understand that a new stacking context is being created, but I’ve been unable to resolve this by fiddling with the z-index of the elements in question, or their parents. I know I can consolidate some of the extra divs used by the grid, but I’ve been unable to do so in a way that keeps the gradient and transparency effects.

    How can I achieve this look in IE7?

    #61986
    amelmgd
    Participant

    hi ,it’s really hard to give an answer without seeing the code
    put the code and we will try to work it out for you
    good luck

    #61982
    TheDoc
    Member

    @amelmgd, the user has already provided a link to the website, which is better than any code that they could post here.

    #61418
    two7s_clash
    Member

    yes, amelmgd, that link is the site in question. Any suggestions?

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.