1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

ie 6 / ie 7 flicker issue with css menu

Discussion in 'CSS' started by stuw, Apr 22, 2007.

  1. #1
    stuw, Apr 22, 2007 IP
  2. semantic7

    semantic7 Member

    Messages:
    92
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    48
    #2
    This can be avoided by preloading the images or using the sliding door technique. The first method involves putting all the menu background images in a div and styling it as display:none; . The sliding door technique involves use of the same image for a and a:hover state. Except that the image will either be twice the size in length or width. In the case of double height the background for a would be left top and for a:hover it would be left bottom. This method does not require the images to be preloaded.
     
    semantic7, Apr 22, 2007 IP
  3. stuw

    stuw Peon

    Messages:
    702
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    0
    #3
    hi,

    turns out it wasn't the css. even though though the background flickered when you moused over it (which is a known css issue). It was in fact some old javascript used for the flash detection.

    Sliding doors: this is where you overlap 2 images - often used to create a curved edge on tabs etc. That technique is already used elsewhere on that page.

    I think what you might be alluding to is having one image showing both rollover states. Instead of changing the image you move it's position to get the rollover effect. That technique is already used on that page.

    Thanks for the reply though.
     
    stuw, Apr 23, 2007 IP