I've tracked it down, the problem was I'm using
'html5boilerplate.com's template CSS,
which contains this line:
...
@media print {
{ background: transparent !important; color: black !important; text-
shadow: none !important; filter:none !important;
...
and somehow GWT translated it to apply normal web page rule for FF/IE
and caused my background image not display when using these two
browser. Somehow Chrome/Safari was not affected.
removing the '@media print { background ... ' rule from my css
template fixed the problem.
On May 21, 11:07 am, kuokon <[email protected]> wrote:
> Hi,
>
> I have an gwt app working properly on Chrome/Safari (webkit).
> However, on Firefox and IE, all image and background is not
> displaying, looking at firebug give me this css rule that might cause
> the problem:
>
> ...
> * {
> background: none repeat scroll 0 0 transparent !important;
> color: black !important;
> filter: none !important;
> text-shadow: none !important;}
>
> ...
>
> if I disable the the css line ("background: none repeat scroll 0 0
> transparent !important;") in firebug, then background image show up as
> normal.
> ( on Chrome/Safari, that css rule is is not there, probably because
> gwt give different css rule base on browser).
>
> My question is, is there a way to track down what cause that css rule
> attached to Firefox/IE and how to disable it?
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
