Results 1 to 4 of 4

Thread: opacity effect not working in IE

  1. #1
    Join Date
    Dec 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default opacity effect not working in IE

    Hello everyone.

    Im building a folio gallery and reading the article http://www.w3schools.com/Css/css_image_transparency.asp I decided to apply an oppacity effect on the squares but the problem is that, but as per usual, it is not working on IE.

    My gallery is: http://www.laertjansen.com/version02/

    I put the code inside a div..like this...could that be the problem? The article only talks about attaching the code to <img>...

    <div class="project" border="0" style="opacity:0.5;filter:alpha(opacity=50)" onmouseover="this.style.opacity=1;this.filters.alp ha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.al pha.opacity=50"><a href="works/itcameoutofthesky.jpg" rel="lightbox[all]" title="Personal concept and illustration. I call it 'It came out of the sky' - October 2008"><img src="thumbs/it_cameoutof_thesky.jpg"/></a></div>

    Thanks a lot in advance for any sort of help.

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    You need to use filter instead of opacity in IE. The zoom is because filter doesn't work unless your element is positioned but zoom:1 takes care of that without needing any positioning.
    So here is what the code should be:
    Code:
    style="opacity: 0.5; filter: alpha(opacity = 50); zoom:1;"
    Edit: I see you have used filter in your post, I had only looked at your page and you didn't have that there (at least at the containers I looked at). So if you already have the filter you just need to add the zoom part.

  3. #3
    Join Date
    Dec 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Thank you

    Hey! Its working now! thank you very very much for the help!

  4. #4
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    You're welcome! You can go to your first post, edit, go advanced and add the Resolved prefix to the thread.

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •