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.
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  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.
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

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
  •