Transparent table background problem in IE - works in Firefox
Date: 05/09/05
(HTML Help) Keywords: css, html, microsoft
I'm trying to customize my journal a bit, and am having a bit of a strange problem with IE. It seems to randomly choose which tables it wants to display properly with my current style. Firefox always displays them correctly. My journal elf_inside has a dark background with a screened table background using advanced S2 editing.
I'm asking here because it doesn't seem to be an S2 problem, rather it is an HTML issue. I'm not sure why IE would apparently randomly treat tables differently on the same page!
The css options I have set are:
table, tr, td, .shadowed
{
background-color: transparent;
background-image: url("http://host/image.gif");
background-repeat: repeat;
background-attachment: fixed;
}
I also tried
filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity:0.8;
but this had 2 bad side effects: The text and images went transparent too (not desired), as well as it slowed firefox down hugely.
In firefox, the transparent gif seems to work perfectly as a table background. In IE, it works *sometimes*.. but not *all the time*... Anybody know how to get this to display correctly in IE?
Source: http://www.livejournal.com/community/htmlhelp/1961276.html