I am trying to modify the theme Anabolica.
I was able to add a background image. Now I would like to give the maintable some background transparency. But the problem is that if the background has some transparency, the texts and images in the maintable have also the same transparency. (see attached image).
I would like to have (by exemple) a 50% transparency for the background and no transparency for the texts and images.
Exemple on this site:
http://www.bushpilotbiking.com/gallery/index.php (http://www.bushpilotbiking.com/gallery/index.php)
I used something like this:
Quote.maintable {
background-color: #87CEFA;
border: 1px solid #D1D7DC;
color: #000000;
filter: alpha(Opacity=50, FinishOpacity=40, Style=1, StartX=100, StartY=0, FinishX=0, FinishY=0);
}
Any help will be appreciated.
Thanks.
Will only work in IE, as it is a proprietary MS-only nonsense. I wouldn't waste a second to look into that if I were you.
Apply non-transparent backgrounds then to the child containers of maintable (e.g. tableb).
Just to learn more about that I did some search and I found:
http://www.twinhelix.com/css/iepngfix/ (http://www.twinhelix.com/css/iepngfix/)
and
http://www.daltonlp.com/view/217 (http://www.daltonlp.com/view/217)
I tried the second one (easiest). It is OK with me (IE7) but it slows the up and down scrolling on the pages. When I dont use this modification, the scrolling is OK. Did I use the code correctly? Here is how I have use it in CSS:
.maintable {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/75p_honeybleu.png');
}
.maintable[class] {
background-image:url(images/75p_honeybleu.png);
}
Link to my site:www.claudebriere.net (http://www.claudebriere.net) (try it with Anabolica theme)