Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #16457

    Hi,

    I have a problem with “button:hover” in the products page.

    I plugged it into css woocommerce-mod.css:

    # top # wrap_all div. thumbnail_container. button: hover {

    background-color: rgba (0,0,0,0);

    }

    to make the button transparent, but only with IE8 does not work. With IE9, chorme, mozilla instead works.

    The sample page to see with IE8 : http://mondorose.fol.it/?post_type=product

    #91570

    Hey!

    Yes, unfortunately IE8 doesn’t support rgba color values. You can try to use the IE filters instead:

    -ms-filter: "Alpha(Opacity=75)"; /* ie 8 */
    filter: Alpha(Opacity=75); /* ie lt 7 */

    (or another valid syntax would be):

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);

    Regards,

    Peter

    #91571

    Thanks,

    would you be so kind as to tell me where to enter the code you provided?

    #91572

    You can try following code to css/custom.css:

    #top #wrap_all div.thumbnail_container.button:hover {
    background-color: #000;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    }

    and replace 0.5/50 with an opacity value of your choice between 0 and 1 / 0 and 100

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Button: hover issue’ is closed to new replies.