• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 181
  • Last Modified:

Trying to get translucent hovers in IE

Hello, on this page: http://leadinc.no/drupal7/projects/4   translucent divs activated over the images on mouse hovers.  

I have had a difficult time getting any translucency in IE8 (the only version I have access to).

Background: an earlier transparency issue was resolved in this thread http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_27397724.html by putting IE conditional sheets AFTER the main sheets and also putting them in a row from higher versions to lower versions.  Doing that got me the transparency in the text-over-image divs in the homepage: http://leadinc.no/drupal7/   But the lack of transparency still problem in other pages.
  • 2
  • 2
2 Solutions
What elements need the translucency?
Jesse MatlockUX EngineerCommented:
Here is a basic catch all code for opacity.. have you tried this? what about it is not working, if you have (what elements are not showing with correct opacity?)

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=0.5);

        /* Older than Firefox 0.9 */

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;

Open in new window

polaatxAuthor Commented:
Hello, actually this issue was simultaneously  resolved here: http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_27407380.html 

It was all related to a missing {

thank you.
polaatxAuthor Commented:
complete list of transparent code for various browsers.
Jesse MatlockUX EngineerCommented:
Excellent.. glad this was sorted out, and hope that opacity code works for you in the future as well !

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now