I have a problem I’m really stuck with…
I have an error tooltip which has a transparent div that has visible divs that draw the little arrow. See image 0.jpg. It works fine in FF, Safari & Chrome. In IE, I got a white background.
For some reason the best results were when I added both the filter with the AlphaImageLoader for a transparent png file and ALSO a background image which is a transparent gif almost entirely (only one pixel of color). But in this case the divs that construct my arrow disappear as well. Any idea how to make them reappear?
I’m new to web coding, but this is really weird…
Do you have any idea what should I do? I’m afraid I cannot post a link.
Anyway, here is the relevant CSS bits:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=’images/transparent.png’);
.ajax__validatorcallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
.ajax__validatorcallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
and this is the html:
|The data exceeds maximum length.||
I posted a reply but for some reason it wasn’t submitted.. So, I’m sorry if this message appears twice.
Anyway, thank you for your answer. However, I’m afraid I’m using IE8. I tested on IE7 and there the situation is even more grim… The arrow triangle is transparent and the background that is supposed to be transparent is white…
I’m afraid I cannot post a link. However, when I tried to compose a compact example I found the issue, but don’t know how to explain it or work around it.
As it seems, although the containing div is set to background color transparent in JS, in IE it isn’t applied and the containing div’s background is set to white… No need to any transparent gif…
Anyway, does anybody know what happened here and why the background-color wasn’t set correctly in IE? Do I need an additional CSS property or maybe the trouble is that it is set in JS code?
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".