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

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

你的css，或者你可以把它放在in-line

Answer 2

使用 body 标签代替 html 标签，并在 transparent 和 !important

之间添加一个 space

body {
    background: transparent !important;
}

希望对您有所帮助

Html/Css 透明 iframe

Html/Css Transparent iframe

javascript

html

css

iframe