Previous Message
Next Message

Problem with a background in IE

Sent by francky on 23 March 2006 03:03


kuasar wrote:

>I don't why I placed a background:
>
>background: #ffffff url("http://url_of_image.png") top left no-repeat;
>
>to a certain div and it shows perfectly on firefox but not on IE 6 (I don't
>know about other versions) where the background remains white.
>Why does this happen? Why isn't my image appearing on IE ?
>
>Any suggestions?
>
>Thanks.
>
Hi Kuasar,
Without a link to a (test) problem page it's not good possible to make a 
100% analysis, but I've some suggestions.
Did you try the same with a gif- or jpg-image, and did that show in IE 
or didn't it? - I'm quite sure IE is showing that, as there are no 
problems with the img-link (for FF is displaying the img).
And when you place the img directly in the html instead of as a 
background-img, what does IE do? I suppose nothing again...

I should guess the reason is the png-character: IE has issues with 
proper displaying (semi-transparent) png's. There are different hacks to 
solve them. With a quick search I didn't find something in the css-WIKI, 
but as a start: an IE-working example is in this testpage 
<http://home.tiscali.nl/developerscorner/designhulp/ie_png_hack.htm> - 
in Dutch, but the most link aren't. ;-) 
More about? Google has lots of pages 
<http://www.google.nl/search?hl=nl&q=png-hack&btnG=Zoeken&meta=> about 
this theme.

And maybe there is a workaround with using a gif instead of a png, 
dependent of the needs of the page. - I found: there can be possible 
more then at first sight (testpage 
<http://home.tiscali.nl/developerscorner/css-discuss/transparent_gif_test.htm>, 
scroll left-right to see the effect; and compare with the gif in the 
linked page over there).

Hope this can help,
Greetings,
francky


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Previous Message
Next Message

Message thread: