SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Dec 2006
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE7 scriptaculous opacity issue

    does anyone have any ideas as to why in IE 7, any effects (effect.appear, effect.blindDown,effect.grow, etc) render an opacity of 0.99999??
    i've tried to change this in the effects.js file to no avail...
    even on this forum, the search box up top does it!!!
    i'm totally bummed about this and no one else seems to be bothered!

  2. #2
    SitePoint Member
    Join Date
    Dec 2006
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks for the quick replies.
    not everyone at once please!!!

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2006
    Posts
    41
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    it does it in firefox too. it's just rounding of numbers (approaching 1, but never actually getting there), not really a major issue.

  4. #4
    SitePoint Member
    Join Date
    Dec 2006
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by gjones View Post
    it does it in firefox too. it's just rounding of numbers (approaching 1, but never actually getting there), not really a major issue.
    are you kidding me?!?
    text looks totally jacked in any div you effect!
    go ahead copy this URL, open up IE7 paste it in there and hit the search button..... if you don't notice the text in that div being awful, i don't wanna sound mean, but you've got zero design sense!
    i would love to say, "sorry folks, but i don't support IE7", but then i'm afraid i would be out of a job.

    does no one else see this??????

  5. #5
    SitePoint Member
    Join Date
    Dec 2006
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by tdblanchard View Post
    are you kidding me?!?
    text looks totally jacked in any div you effect!
    go ahead copy this URL, open up IE7 paste it in there and hit the search button..... if you don't notice the text in that div being awful, i don't wanna sound mean, but you've got zero design sense!
    i would love to say, "sorry folks, but i don't support IE7", but then i'm afraid i would be out of a job.

    does no one else see this??????
    i meant THIS url (the page we're on right now).
    nobody but me and my boss seem to care. i tried the background declaration trick and no dice.

  6. #6
    SitePoint Member
    Join Date
    Apr 2006
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't see the URL you referred to. But IE has real problems with readbability of text in relation to its transform filters, esp. with alpha opacity. IE7 makes the problem worse because of a heavy-handed approach by the current dev team (turning off clear type).

    See if this generic solution helps your situation (view in IE):
    IE Alpha Opacity Filter / DXTransform bug fix
    Alpha Opacity with Bold Text Problem

    http://web.tampabay.rr.com/bmerkey/e...acity-fix.html

  7. #7
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    wtf are you on about? This page looks fine in IE7 - there's a bit of a crap background-image on the search box, but the text is fine. Have you maybe not got ClearType switched on?

    Perhaps if you were a little less abusive, you might get some constructive advice.

  8. #8
    SitePoint Member
    Join Date
    Feb 2007
    Location
    France
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    While searching the web for a solution to the IE bold text + opacity bug, I came across http://jszen.blogspot.com/2005/04/ie...y-problem.html, whose solution is to add a background color or image to the container element. The problem remains when you need to keep the transparency of the element, like I needed for the semi-transparent disappearing splash screen on my main page.

    So I searched for another solution and I think I came up with a better fix, using the font-weight attribute.

    Read my fix and see a live example at http://www.numberedlinks.com/IE_bold_opacity_bug.html.

    Note: this fix has been tested on IE 7, Firefox 1.5 and Opera 9.


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
  •