Embedding Facebook in an IFrame

Question

I have an application that has an IFrame with a page flash that allows me to draw on web pages. When I switch to Facebook with the application, the overlay pops up, covering everything with an opacity of 50% (which is good). The problem is that in some IE7 installations the overlay is all black. Can anyone advise how to get around this?

Here is my code:

<iframe name="test" ID="test" src="http://www.facebook.com/cyberkruz" height="200" style="width: 100%; height: 100%" allowtransparency="true"></iframe>

Here is the code that they generate that does this.

<div style="z-index: 1000001; position: absolute; filter: alpha(opacity = 50); WIDTH: 9999px; background: black; height: 9999px; top: 0px; left: 0px; opacity: 0.5;" onclick="top.location.href=window.location.href"/>

Is there something I can do with meta tags or something to make filter alpha work correctly?

Answer 1

, , IFrame, . - , .

Answer 2

, , (http://msdn.microsoft.com/en-us/library/ms537628(VS.85).aspx) - ( IE )

Answer 3

, CSS...

, , div , , :) ie8, - ie7. MSDN

...

PNG-. PNG, 8-, ie6 ! gif, .

, . GIMP (AFAIK)

Answer 4

Facebook iframe Facebook. : http://developers.facebook.com/docs/guides/policy/examples_and_explanations/Prohibited_Functionality/

Applications that appear to occupy a personal profile or other pages on Facebook.com are prohibited. This functionality contradicts our efforts to inform users about how to identify safe and reliable Facebook in order to avoid situations such as phishing. For more information on using the Facebook brand assets, please visit the Brand Permission Center.