SitePoint Sponsor

User Tag List

Results 1 to 11 of 11

Thread: Transparent png

  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2005
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Transparent png

    Hi everybody..

    I have this picture placed on all my pages.

    How do i integrate the ie transparent filter in my css??

    Code:
    #logo {background-color: transparent;
    background-image: url(../images/maler-logo.png);
    background-repeat: no-repeat;
    padding: 0;
    position: absolute;
    z-index: 10;
    top: 190px;
    left: -90px;
    width: 200px;
    height: 200px }

  2. #2
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)

  3. #3
    SitePoint Addict
    Join Date
    Feb 2004
    Location
    Netherlands
    Posts
    381
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    filter: alpha(opacity=60);

  4. #4
    SitePoint Member
    Join Date
    Sep 2004
    Location
    Rio Rancho
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Take a look at this: http://dean.edwards.name/IE7/

    You can use the "style="filter: progidXImageTransform.Microsoft.AlphaImageLoader.." as well, however Dean's script works real well.

    On a side note, nothing you do will work on the CSS you provided. Unfortunatly even Dean's script uses the DXImageTransform.Microsoft.AlphaImageLoader function, and it won't work on background images period. It must be a foreground (IMG TAG).

    Joel

  5. #5
    SitePoint Wizard drhowarddrfine's Avatar
    Join Date
    Aug 2005
    Posts
    3,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Doesn't Dean's IE7 run slow also?

  6. #6
    SitePoint Member
    Join Date
    Sep 2004
    Location
    Rio Rancho
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can't say I've noticed it running horribly slow. IE runs slow anyway.

    Joel

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Heres a few more examples of tha alpha image loader

    http://www.pmob.co.uk/temp/transparent-test3.htm

    http://www.pmob.co.uk/temp/transparent-test.htm
    http://www.pmob.co.uk/temp/opacity5.htm

    It's a little limited in what you can do but you can get some good effects. There is no problem applying it to background images except that you can't do the same things that you can with normal background images.

  8. #8
    SitePoint Enthusiast
    Join Date
    Oct 2004
    Location
    London
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Do any of these solutions work with IE 5.5?

    I've got not problems getting transparent PNGs going in IE 6 - I'm using Sleight and bgSleight - but can't find anything that'll work in the earlier browser. Is there a solution or will I just have to make do?

    Ed.

  9. #9
    SitePoint Member
    Join Date
    Sep 2004
    Location
    Rio Rancho
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    oh, thats right. You just can't do repeats with background images using alphaloader.

    Joel

  10. #10
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,
    Do any of these solutions work with IE 5.5?
    According to the MSDN site the alphaImage loader works in 5.5 +.

    A browsercam shot of one of my pages shows this to be true:

    (image 13)
    http://www.browsercam.com/public.aspx?proj_id=194313

    However if you are using the multiple versions of ie then it won't show for some reason.

    There is a lot more info here:

    http://www.daltonlp.com/daltonlp.cgi...=1&item_id=217
    http://www.alistapart.com/stories/pngopacity/

    Hope that helps

  11. #11
    SitePoint Enthusiast
    Join Date
    Oct 2004
    Location
    London
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great. Thanks for clarifying that, good that it does work.

    I'm running the standalone IE 5.5 from Evolt.org, and it doesn't show the PNGs. I guess the issue is just with that version of the browser, I'll have to start checking with browsercam.

    Ed.


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
  •