www.webdeveloper.com
Results 1 to 2 of 2

Thread: image hover transitions and browser compatibility

  1. #1
    Join Date
    Oct 2013
    Posts
    39

    image hover transitions and browser compatibility

    Hey guys,

    so I have this problem with my hover images.
    I want to get rid of the initial flicker as they load. But since I got a transition on them, I cannot use sprites. I also tried placing the images in html (and hiding them) but that doesn't work either. I didn't even expect this to happen, because I use an image proloading script.

    Also, when I test the website in IE and Firefox, the transition (on logo and the arrow at the bottom) doesn't work.
    Another problem is when I put 'margin: auto' on the logo, in Firefox it ignores the margin-top: 40px so the logo is right at the top of the site. But when I don't include margin: auto, the logo isn't centered in IE. I don't know how to deal with this browser compatibility BS, because there is no way of using vendor prefixes on things like margin.

    Here's the whole code as a file, since it is quite long:
    http://www.mediafire.com/view/5j1ho4...nr9/index.html
    http://www.mediafire.com/view/jn2dp7i5c5ugm70/main.css

    To sum it up, I need to:
    1. fix the flickering of the images the first time I hover over them
    2. 'enable' transitions in other browsers.
    3. fix the position of the logo, as I described above.

    I'd really appreciate any help, because I want to get this done finally, but there's always something that comes in the way.
    Thank you

  2. #2
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    2,346
    Use an image preload method that will load the image in background and then the image is available for use when needed. When you do that then your other issues should be fixed.
    Yes, I know I'm about as subtle as being hit by a bus..(\\.\ Aug08)
    Yep... I say it like I see it, even if it is like a baseball bat in the nutz... (\\.\ Aug08)
    I want to leave this world the same way I came into it, Screaming, Incontinent & No memory!
    I laughed that hard I burst my colostomy bag... (\\.\ May03)
    Life for some is like a car accident... Mine is like a motorway pile up...

    Problems with Vista? :: Getting Cryptic wid it. :: The 'C' word! :: Whois?

Thread Information

Users Browsing this Thread

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

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