1
Hi,
I'd like to be able to use semi-transparent backgrounds for the text areas of my pages so that I can keep my text legible where the background is a bit strong.
Risto's Posting in the Hacks News (
https://xoops.org/modules/news/article.php?storyid=1418) and his thread in the Troubleshooting Forum address this problem for backgrounds
and for images in img tags.
However as I'm only wanting backgrounds, I shouldn't need to use Risto's method - a browser sniffer for IE5.5+ and the Microsoft AlphaImageLoader filter in my css file should do the job. Netscape shows pngs perfectly, and I can live without transparency in IE5.0. And then I don't need to duplicate my pngs with gifs; my page files will be smaller as I'm not calling up the filter each of in my tables or table cells and I'm not packing css information in a remote file.
So much for the theory.
In practice, this solution does works great with simple html/css. And XOOPS already has a browser sniffer...
And it works fine in XOOPS too - as long as I call up the filter from my html code like this:
| XImageTransform.Microsoft.AlphaImageLoader
(enabled=true, sizingMethod=scale src='image.png');">.
but this makes my templates long and complicated and inflates page sizes, etc.
So the answer should be to call up the filter using "class" or "id" and putting the filter code in my theme's style.css file.
As I've said, this works in "normal" html/css. Unfortunately, it does not work in Xoops, even when I delete everything else from my xoops.css and style.css files to remove all possible conflicts.
WHY????
I'm using the same path to my transparent image file as I use in the body tag for my main background image, so this can't be the reason.
Does anyone out there know a way around this problem?
Many thanks in advance,
Alan
