not a support questionHi,
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
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
Thanks,
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;
-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
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
