Go 4 Sharepoint

Search:

Welcome: Guest!

Sharepoint Forum

Home » Forum » Sharepoint

Ask a question

RSS Feeds

Background:transparent not working in IE

Asked By: Virendra Rajput Date: Jul 08, 2008 Category: Sharepoint Views: 1018

I've got an aspx file (happens with (x)html as well) that has the
following css rule sets:

body {
background-color:transparent;
font-family:Arial, serif;
}
* {
background-color:transparent;
font-family:Arial, serif;
min-height:0;
}

I am using the PageViewer web part to display this page. In Mozilla
the background is transparent as I expect, but in IE (6 or 7) it is
just white.

I've tried applying the universal fix with no luck.

I have also tried this fix:

* html body#thisbody {
/* value only for IE browsers */
background-color:transparent;
display:inline-block;
}

and then setting <body id="thisbody"> in my html to deal with the
haslayout value in ie. Still no luck.

Anyone have any ideas on this? Perhaps I'm not applying the fix
above correctly.

1 Answer Found

Answer #1 Answered By: Tatiana Houston Answered On: Jul 08, 2008

Well, this one wasn't straightforward (at least for me) and I though I
would post the solution I found.

The problem was that when I used the pageviewer web part to display a
page it only worked in non-IE web browsers (Firefox, Safari, Opera).
The display was a white background with IE6 & 7.

The solution I came up with was to add a bit of javascript to the
onload array (via _spBodyOnLoadFunctionNames.push() ) to set the
"allowTransparency" property of the iframe to "true" - it is "false"
by default.

The other thing to make sure of is that the master page has the <body>
tag has body wrapper function. Mine didn't at it caused me a bit of
thinking before I realized why the onload function wasn't added. Example:

<body onload="flyoutsAllowed=true;javascript:if
(typeof(_spBodyOnLoadWrapper) != 'undefined') _spBodyOnLoadWrapper();">

I had the "flyoutsAllowed=true;" part only.

Didn't find what you were looking for? Find more on Background:transparent not working in IE Or get search suggestion and latest updates.