iframe的背景图片

时间:2012-09-17 10:08:55

标签: javascript html css

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>
    <BODY>
    <div style="background-image: url('images1.jpg');width:800;height:300;border:1px solid black">
    <iframe scrolling="auto" allowtransparency="true" name="main" style="width:100%;height:90%;"> </iframe>
    </div>

    </BODY>
    </HTML>

我需要将背景图片添加到iframe。所以我试图将背景图像添加到iframe但我不能..所以我使用div标签如上所述。 它在Firefox中正常工作,但在IE中却没有。如果你知道这个,请帮帮我

1 个答案:

答案 0 :(得分:2)

你可以在css中使用background-image

iframe{
background:url(http://www.hindsightfishing.com/images/waves_bg.jpg) no-repeat left top
}​

在这里演示http://jsfiddle.net/9tndk/