Re: [css-d] Semi-transparent PNGs as background images in IE6
On Friday, April 13, 2007 5:12 pm, Roger Gordon wrote: Therefore my question is: can anyone point me to a page that explains the use of semi-transparent PNGs as background images in IE6 and lower through the MS-proprietary filter:progid:DXImageTransform.Microsoft .AlphaImageLoader declaration? That doesn't work with background images, only foreground images. -- 73, AC7ZZ http://counter.li.org/ Linux User #246504 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Semi-transparent PNGs as background images in IE6 - documentation wanted
Therefore my question is: can anyone point me to a page that explains the use of semi-transparent PNGs as background images in IE6 and lower through the MS-proprietary filter:progid:DXImageTransform.Microsoft.AlphaImageLoader declaration? Has anyone yet taken the logical step of writing a behavior.htc that incorporates this solution? Maybe [2]. It would be nice to have a script that allows for tiling backgrounds, as suggested by Paul [3]. You most probably have already looked into the IE7 code by Dean [4], this links to another behavior [5] Thanks, that's clear. This method has been documented. The only slight downside I see is that all these people talk about images, and not about background-images; but maybe I missed something. In any case further research does not seem to be necessary; thank God, because I've got quite enough on my plate as it is. Ingo [1] http://www.satzansatz.de/cssd/tmp/alphatransparency.html [2] http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ [3] http://archivist.incutio.com/viewlist/css-discuss/86620 [4] http://dean.edwards.name/IE7/notes/#PNG [5] http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html -- http://www.satzansatz.de/css.html -- --- ppk, freelance web developer http://www.quirksmode.org/ -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Semi-transparent PNGs as background images in IE6 - documentation wanted
Hello, Yesterday I talked to a web developer who passed me a technique for using semi-transparent PNGs as background images even in IE6 and lower. The technique works, up to a point. See my test page at http://www.quirksmode.org/css/png/png.html . I already had a private conversation with someone who knows this technique and drew my attention to a few bugs (can't use CSS height; links/form fields may become unclickable unless they have a z-index). Before continuing my investigation, though, I'd like to know whether this technique has already been described. Therefore my question is: can anyone point me to a page that explains the use of semi-transparent PNGs as background images in IE6 and lower through the MS-proprietary filter:progid:DXImageTransform.Microsoft.AlphaImageLoader declaration? Has anyone yet taken the logical step of writing a behavior.htc that incorporates this solution? Despite several Google searches I didn't find a real explanation/description, although several articles described several aspects of this solution. If there turns out to be no full description (including bugs) available, I'll have to write my own. Since I don't have too much time right now, I'm hoping that someone can point me to a description so that I can continue my real work. Thanks, -- --- ppk, freelance web developer http://www.quirksmode.org/ -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Semi-transparent PNGs as background images in IE6 - documentation wanted
Peter! You'll probably already know this page: http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp The element to which this filter shall be applied must have layout.[1] The filter will not create an background-image. The filter image lies behind the background, so you have to set the background-color to transparent and disable the original background-image too. Ingo has also made some affords to document this property: http://www.satzansatz.de/cssd/tmp/alphatransparency.html Has anyone yet taken the logical step of writing a behavior.htc that incorporates this solution? There is a htc for img-Tags. http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html This may be of interest too: http://www.pi-phi.de/t3v4/55.html (german) But I don't know an unobstrusive JS solution that automagically corrects the behaviour of IE =6. Maybe Dean Edwards has something like that in his IE7 scripts? Ingo's doc is probably the most complete. I hope you'll have some time to extend that ;-) regards, Martin [1] http://www.satzansatz.de/cssd/onhavinglayoutrev07-20061019.html on Friday, April 13, 2007 at 13:15 Peter-Paul Koch wrote: Hello, Yesterday I talked to a web developer who passed me a technique for using semi-transparent PNGs as background images even in IE6 and lower. The technique works, up to a point. See my test page at http://www.quirksmode.org/css/png/png.html . I already had a private conversation with someone who knows this technique and drew my attention to a few bugs (can't use CSS height; links/form fields may become unclickable unless they have a z-index). Before continuing my investigation, though, I'd like to know whether this technique has already been described. Therefore my question is: can anyone point me to a page that explains the use of semi-transparent PNGs as background images in IE6 and lower through the MS-proprietary filter:progid:DXImageTransform.Microsoft.AlphaImageLoader declaration? Has anyone yet taken the logical step of writing a behavior.htc that incorporates this solution? Despite several Google searches I didn't find a real explanation/description, although several articles described several aspects of this solution. If there turns out to be no full description (including bugs) available, I'll have to write my own. Since I don't have too much time right now, I'm hoping that someone can point me to a description so that I can continue my real work. Thanks, __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Semi-transparent PNGs as background images in IE6 - documentation wanted
Peter-Paul Koch wrote: Hello, Yesterday I talked to a web developer who passed me a technique for using semi-transparent PNGs as background images even in IE6 and lower. The technique works, up to a point. See my test page at http://www.quirksmode.org/css/png/png.html . I already had a private conversation with someone who knows this technique and drew my attention to a few bugs (can't use CSS height; links/form fields may become unclickable unless they have a z-index). But when the box with the filter is positioned absolutely or relatively, the fix is more complicated [1]. Before continuing my investigation, though, I'd like to know whether this technique has already been described. Therefore my question is: can anyone point me to a page that explains the use of semi-transparent PNGs as background images in IE6 and lower through the MS-proprietary filter:progid:DXImageTransform.Microsoft.AlphaImageLoader declaration? Has anyone yet taken the logical step of writing a behavior.htc that incorporates this solution? Maybe [2]. It would be nice to have a script that allows for tiling backgrounds, as suggested by Paul [3]. You most probably have already looked into the IE7 code by Dean [4], this links to another behavior [5] Ingo [1] http://www.satzansatz.de/cssd/tmp/alphatransparency.html [2] http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ [3] http://archivist.incutio.com/viewlist/css-discuss/86620 [4] http://dean.edwards.name/IE7/notes/#PNG [5] http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Semi-transparent PNGs as background images in IE6
Therefore my question is: can anyone point me to a page that explains the use of semi-transparent PNGs as background images in IE6 and lower through the MS-proprietary filter:progid:DXImageTransform.Microsoft .AlphaImageLoader declaration? Has anyone yet taken the logical step of writing a behavior.htc that incorporates this solution? Apologies if I'm wrong, but I'm pretty sure I read about this a while back on alistapart.com Have a look at http://www.alistapart.com/articles/pngopacity/ and see if it describes the same thing. Hope this helps :) -- Roger Gordon --- www.rogergordon.net +27 (0)76 306 4578 --- One mouse click donates 1.5 cups of food to poor people worldwide (free of charge). Click below. http://www.thehungersite.com/clickToGive/home.faces?siteId=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/