Html / Css透明iframe

Question

以下是我的问题，聊天中的绿色背景：

的CSS：

html {
    background: transparent!important;
}

的iFrame：

 <iframe frameborder="0" marginheight="0" style="height: 100%;margin-left: -19px;width: 520px;" marginwidth="0" scrolling="no" src="/chatbox/index.forum?page=front&"></iframe>

如何以正确的方式透明化？

Answer 1

使用body代码而不是html代码，并在transparent和!important之间的空格

body {
    background: transparent !important;
}

希望有所帮助

Answer 2

iframe 
{
    opacity: 0.4 !important;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

你的CSS，或者你可以放置它in-line