Re: [css-d] PNG repeating background in IE

[Karl Hardisty]

On 11/02/2008, at 6:47 PM, Karl Hardisty wrote:

On 8/02/2008, at 5:10 AM, Geoffrey Hoffman wrote:

I am fairly certain that the PNG alpha trick that dynamically places  
a filter:progid:DXImageTransform.Microsoft.AlphaImageLoader on your  
site's png files does not work on repeating backgrounds.

Search on IE6 transparent png on google and there's hundreds of  
helpful articles.

If your site uses a solid background color you can use flattened gif  
files.
ie render the drop shadow into the background color.
__


No, the technique does not work with repeating backgrounds.  I have
given google a bashing over this (even before appealing to the list)
and have tried various hacks, including the php hack, Dean Edwards
IE7 (which includes one of the popular hacks), and several other
approaches, including spending time with z-index values due to
flattening the image causing all background properties to come through.

The issue is the background of the page has an image set, and PNG24
in supporting browsers seems to be the only way to achieve what I want.

Karl

__


I'd like to thank everyone on the list for their suggestions and  
pointers.

http://mothership.co.nz/reduction

As can be seen, the layout is now working, thanks to the help of Rob  
@ drunkenfist.com.

Adding to the issue was the fact that one of the things I had  
forgotten in the past three years is how tenaciously IE caches.  I  
hit upon the solution several days before I realised, but because of  
IE's grip, didn't realise this!  Like the existing, the new site  
design will use conditional commenting for ~IE6, however, IE7 can  
finally stand on its' own two feet (if somewhat unsteadily).

Essentially, since all other techniques I found were unable to repeat  
a background png, the one in use - http://www.drunkenfist.com/ 
304/2007/04/04/cross-browser-png-transparency-part-2/ - utilises IE's  
alphaimageloader to 'scale' to fit the 1px high PNG to whatever  
height is required.  Perfect for what I wanted it for.

Regards,

Karl
http://mothership.co.nz
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] PNG repeating background in IE

[Karl Hardisty]

On 8/02/2008, at 5:10 AM, Geoffrey Hoffman wrote:

I am fairly certain that the PNG alpha trick that dynamically places a

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

on your site's png files does not work on repeating backgrounds.

Search on IE6 transparent png on google and there's hundreds of helpful
articles.

If your site uses a solid background color you can use flattened gif  
files.
ie render the drop shadow into the background color.
__


No, the technique does not work with repeating backgrounds.  I have  
given google a bashing over this (even before appealing to the list)  
and have tried various hacks, including the php hack, Dean Edwards  
IE7 (which includes one of the popular hacks), and several other  
approaches, including spending time with z-index values due to  
flattening the image causing all background properties to come through.

The issue is the background of the page has an image set, and PNG24  
in supporting browsers seems to be the only way to achieve what I want.

Karl

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] PNG repeating background in IE

[David Hucklesby]

On Thu, 7 Feb 2008 22:10:14 +1300, Karl Hardisty wrote:
[...]
>
> The layout works fine in many browsers apart from the aforementioned, due to a
> transparent PNG being present in the css.  Is there any way I can keep the 
> general look
> and have it work somehow in IE of yore?
>
> HTML here:  http://mothership.co.nz/reduction/
>
> css here:  http://mothership.co.nz/reduction/msnew.css
>

Have you thought of using PNG-8[1]? Not a perfect solution, but you
may be able to create something of a compromise.

[1] 

Cordially,
David
--

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] PNG repeating background in IE

[Geoffrey Hoffman]

I am fairly certain that the PNG alpha trick that dynamically places a

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

on your site's png files does not work on repeating backgrounds.

Search on IE6 transparent png on google and there's hundreds of helpful
articles.

If your site uses a solid background color you can use flattened gif files.
ie render the drop shadow into the background color.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] PNG repeating background in IE

[Jim Davis]

Karl,

Here is a link that may help. Not sure if this method will work for a
repeating background image.

http://www.belafontecode.com/create-transparent-pngs-in-ie6-using-alphaimageloader-no-hacks/

Jim

On Feb 7, 2008 1:10 AM, Karl Hardisty <[EMAIL PROTECTED]> wrote:

> I'm back in the fold after a break of 2-3 years, and much has changed.
>
> Unfortunately, this doesn't include IE5.5 and IE6.  I have a layout
> I'm partial to, and have been experimenting with in the early stages,
> but have come across something I'm not sure how to fix.  I've reduced
> the code down to the bare minimum to show the issue.
>
> The layout works fine in many browsers apart from the aforementioned,
> due to a transparent PNG being present in the css.  Is there any way
> I can keep the general look and have it work somehow in IE of yore?
>
> HTML here:  http://mothership.co.nz/reduction/
>
> css here:  http://mothership.co.nz/reduction/msnew.css
>
> Any thoughts to get me back on track much appreciated.
>
> Karl
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/