http://www.kriesi.at/support/topic/button-hover-issue Support Forum - Topic: Button: hover issue en-US Thu, 23 May 2013 10:18:45 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/button-hover-issue#post-77531 Thu, 27 Sep 2012 06:22:53 +0000 Dude 77531@http://www.kriesi.at/support/ <p>You can try following code to css/custom.css:</p> <pre><code>#top #wrap_all div.thumbnail_container.button:hover { background-color: #000; -ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=50)&quot;; filter: alpha(opacity=50); opacity: 0.5; }</code></pre> <p>and replace 0.5/50 with an opacity value of your choice between 0 and 1 / 0 and 100 </p> http://www.kriesi.at/support/topic/button-hover-issue#post-77391 Wed, 26 Sep 2012 06:37:02 +0000 florenceonline 77391@http://www.kriesi.at/support/ <p>Thanks,<br /> would you be so kind as to tell me where to enter the code you provided? </p> http://www.kriesi.at/support/topic/button-hover-issue#post-76899 Sat, 22 Sep 2012 08:13:06 +0000 Dude 76899@http://www.kriesi.at/support/ <p>Hey! </p> <p> Yes, unfortunately IE8 doesn't support rgba color values. You can try to use the IE filters instead:</p> <pre><code>-ms-filter: &quot;Alpha(Opacity=75)&quot;; /* ie 8 */ filter: Alpha(Opacity=75); /* ie lt 7 */</code></pre> <p>(or another valid syntax would be):</p> <pre><code>-ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=75)&quot;; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/button-hover-issue#post-76678 Thu, 20 Sep 2012 13:28:21 +0000 florenceonline 76678@http://www.kriesi.at/support/ <p>Hi,<br /> I have a problem with "button:hover" in the products page.</p> <p>I plugged it into css woocommerce-mod.css:</p> <p># top # wrap_all div. thumbnail_container. button: hover {<br /> background-color: rgba (0,0,0,0);<br /> }</p> <p>to make the button transparent, but only with IE8 does not work. With IE9, chorme, mozilla instead works.</p> <p>The sample page to see with IE8 : <a href="http://mondorose.fol.it/?post_type=product" rel="nofollow">http://mondorose.fol.it/?post_type=product</a> </p>