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


    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 :



    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);





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


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

    #top #wrap_all div.thumbnail_container.button:hover {
    background-color: #000;
    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.