All geek questions in one place

The original CSS image fades after freezing

I have a problem in Google Chrome. I use a simple hover on the display:block; link display:block; to change only the background:url(); property background:url(); on hover.

Google Chrome shows the current hover change, but when I step out of the area, the background becomes transparent / fades.

Here is my CSS:

 #branding #logo a { width: 259px; height: 201px; border:none; display: block; background:url(images/logo.png) top left; } #branding #logo a:hover { background:url(images/logo_hover.png) top left; }

The actual site is here: http://beerblestudy.org . Again this only happens to me in Chrome. Any thoughts?

+4
source share
3 answers

It works for me with all browsers. Try deleting the cache because it is working fine. I recommend that you remove the top left lines as they are not needed

0
source

Your background also fades in chrome.

I know that I don’t have to "me too" here, but this is strange, and what brought me here was the same problem as on my site that I recently created: http://macvillain.com - image blocks in the right column.

I thoroughly tested most browsers (not ie6 or 7 - I drove them out), and it went fine the past two weeks until today. Sometimes clearing the cache, etc. It works for a while, and then returns. I do not understand...

UPDATE:

Hi, I got a response on the Google Chrome forum saying: "Chrome uses strictly HTML5. Validate HTML code http://validator.w3.org/ "

I forgot to do this, and there were a few invalid things that I fixed, and now everything is fine and dandy.

I suggest you do the same.

0
source

Try this technique: I saw a jQuery plugin that automatically loads the images specified in CSS stylesheets.

http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/

0
source

Source: https://habr.com/ru/post/1395978/

More articles:


All Articles