A minute of your time...

[coombes]

I'm finally redesigning my own site (long overdue!) and it now relies quite heavily on background images. The trouble is, text over strong images tends to get a bit lost so I have used translucent text boxes using a .png image so the image still shows through.

The downside is that IE6 doesn't show .png's, so the effect is lost, and according to statcounter 30% of my visitors use IE6.

My questions are: how does this look in IE6 (for anyone who's still using it, I've looked in IE7, ff and opera), and is there a hack to get around it?

Edit: forgot the link!! http://writers.ktf-design.com/html/contact_me.html

[westmoors]

This is what it looks like in IE6

Hope that helps!

[geordie joe]

Originally Posted by coombes

I'm finally redesigning my own site (long overdue!) and it now relies quite heavily on background images. The trouble is, text over strong images tends to get a bit lost so I have used translucent text boxes using a .png image so the image still shows through.

The downside is that IE6 doesn't show .png's, so the effect is lost, and according to statcounter 30% of my visitors use IE6.

My questions are: how does this look in IE6 (for anyone who's still using it, I've looked in IE7, ff and opera), and is there a hack to get around it?

Edit: forgot the link!! http://writers.ktf-design.com/html/contact_me.html

The translucent bit isn't translucent in IE6, just a solid blue square that blots out the hands behind it.

[coombes]

Many thanks, that's just what I needed to know.

Now, to find a way around it...

[coombes]

I've tried making a 1 pixel by 1 pixel grid as a transparent gif, which SHOULD appear translucent on all browsers - http://writers.ktf-design.com/html/design_process.html - although aesthetically isn't as pleasing. What do you think of that?

[westmoors]

That seems to work

[Sharron]

I dont' see the background image on this page http://writers.ktf-design.com/html/design_process.html in FF 2.0

There is a way to set transparency in a div using a background color, but it does not validate.




Whoops, the image just appeared..............dialup connection you know.

[coombes]

Thanks Sharron

Out of interest, as the pages are all image-based, what was the download time like on dial-up?

[Sharron]

Like this (removed from table style and added to css)

#Table1 {font-size: 12px; color: rgb(0, 51, 153); background-image:url(blanksheet.jpg); background-repeat: no-repeat; height: 600px;

}
#Table3 {background-color:#000; height: 237px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;-khtml-opacity:.5

}

Sample here, but my server is down so you can't see it right now!

[JWJ]

LOL ... Sharron, I think Coombes was asking how long the download took. I guess you two posted at the same time.