CODEWITHSUNDEEP
javascripthtmlcssiframe
user3571412
user3571412

Reputation: 215

Html/Css Transparent iframe

Here is my problem, this green background in chat: enter image description here

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>

How to be transparent in the right way ?

Upvotes: 1

Views: 4024

Answers (2)

Mic
Mic

Reputation: 79

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

your css, or you can place it in-line

Upvotes: 0

Nima Derakhshanjan
Nima Derakhshanjan

Reputation: 1404

use body tag instead of html tag and out a space between transparent and !important

body {
    background: transparent !important;
}

hope it helps

Upvotes: 1

Related Questions