Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthormikeebee
    • CommentTimeOct 10th 2006 edited
     permalink
    http://www.modusinteriors.co.uk/index.php/home has a lovely transparent shadow outside the main white background. It is there using this peice for code for IE

    div#outer-wrapper {
    width: 800px;
    height: 100%;
    margin: 0 auto;
    background-image:url(/images/outer-wrapper-bg.png);
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/outer-wrapper-bg.png', sizingMethod='scale');
    _background-image:none;
    }

    But is disappears on all internal pages in IE (6), any ideas anyone?
  1.  permalink

    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/outer-wrapper-bg.png’, sizingMethod=’scale’);
    _background-image:none;


    I don't understand what you are trying to do here. Are you using .NET? From looking at the so-called CSS above, I can tell it's .NET stuff.
    • CommentAuthormikeebee
    • CommentTimeOct 10th 2006
     permalink

    Its a method for forcing IE(6) to render the alpha channel in png’s not sure if it uses .NET or not

    I think this page explains

    http://thedesignspace.net/MT2archives/000103.html

  2.  permalink
    Something like this?
    CSS Discuss
    •  
      CommentAuthorJohnRiv
    • CommentTimeOct 10th 2006 edited
     permalink
    He's using one of IE's proprietary CSS Filters, the AlphaImageLoader Filter, which allows PNG's to be displayed with their correct alpha channel transparency. There's lot of info online about AlphaImageLoader if you do a google search for it.
  3.  permalink
    @JohnRiv: Interesting. Those are new to me and never knew about it until now. Will have to read up on it. Thanks for sharing your knowledge! :)
    • CommentAuthoreasement
    • CommentTimeOct 11th 2006
     permalink
    I was helping out of our devs solve the same problem not too long ago. Nifkin, another skillshare, user pointed me to this site he worked on that is a rather clever way of doing it. However, it's totally different than how you are approaching it.
    http://michaelraichelson.com/
    • CommentAuthormikeebee
    • CommentTimeOct 12th 2006
     permalink
    Actually nevermind I've fixed it! I changed the

    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/outer-wrapper-bg.png’, sizingMethod=’scale’); _background-

    to

    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’/images/outer-wrapper-bg.png’, sizingMethod=’scale’); _background-

    making the browser look in the root image folder... DOh! Just me been silly

    Just out of curiousity where is the solutionon Michael Raichelsons site?
Add your comments
    Username Password
  • Format comments as (Help)