WordPress.org

Ready to get started?Download WordPress

Forums

CSS error in Sociable plugin (2 posts)

  1. Adam Brown
    Member
    Posted 6 years ago #

    You should not use the :hover pseudo class on anything other than <a> in your CSS; doing so causes cross-browser problems.

    In the sociable CSS file, this:

    .sociable-hovers {
    	opacity: .4;
    	-moz-opacity: .4;
    	filter: alpha(opacity=40);
    }
    .sociable-hovers:hover {
    	opacity: 1;
    	-moz-opacity: 1;
    	filter: alpha(opacity=100);
    }

    should be this:

    .sociable a img {
    	opacity: .4;
    	-moz-opacity: .4;
    	filter: alpha(opacity=40);
    }
    .sociable a:hover img{
    	opacity: 1;
    	-moz-opacity: 1;
    	filter: alpha(opacity=100);
    }

    Otherwise, it doesn't work in IE6 (among others).

    (Incidentally, the "tagline" popup has the same problem, but I wish you would just get rid of the tagline, or make it an option in the admin, since it conflicts with my theme.)

    Thanks for a great plugin.

    http://wordpress.org/extend/plugins/sociable/

  2. Joost de Valk
    Member
    Posted 6 years ago #

    I'll have a look at both of these suggestions Adam, thx!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags