View Full Version : Random Screen flicker when CSS activated

01-25-2012, 12:22 AM
Hi, I'm progressing on a website that uses some CSS tricks for the navigation, but what happens is when you first enter the page and rollover the nav it gives the whole screen a white flicker... you can see what I mean by going to http://www.directionfirst.com/website3/index.php and rolling over the 'home' button. The CSS used for this is:

a.home1 {
display: block;
position: absolute;
top: 93px;
margin-left: 599px;
color: #fff;
width: 91px;
height: 91px;
background:url(images/nav/home1.png) center center no-repeat;
-ms-transform-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-duration: 100ms;
-moz-transition-timing-function: ease-in-out;
-moz-transition-duration: 100ms;
z-index: 10;

a.home1 span { display:none;}

Is there any reason why this is happening?



01-25-2012, 12:40 AM
not for me. I tried on 3 diff browsers. Try refreshing your cache?

01-25-2012, 01:31 AM
It seems to be a chrome issue

D34th Maker
01-25-2012, 01:35 AM
it may just be your chrome cache as it's working perfectly fine for me in chrome.