Is using the logo tag in sprites good or bad?

Question

When building web pages, one of my colleagues displays any logo using the CSS background-image property, rather than embedding the image using an HTML t

Answer 1

A logo is content - that is correct. And you would probably happy when a search bot grabs it.

But some websites like to apply a :hover style on their logos. Now, you're trapped.

But you can do the following, which is semantically correct. If you want to learn more about that you can read a great article about this issue by Harry Roberts.

HTML

    

        
            
        
        
Welcome to Example Inc.
    

CSS

body > #head a#header-logo {
    background-image: url(/img/assets/logo-header-sprite.png);
    background-position: left top;
}
body > #head a#header-logo:hover {
    background-position: left -50%;
}
body > #head a#header-logo img {
    visibility: hidden;
}