javascript - iframe 的背景图片

标签 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 中不正常。如果你知道这个请帮助我

最佳答案

你可以在 css 中使用 background-image

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

此处演示 http://jsfiddle.net/9tndk/

关于javascript - iframe 的背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12457107/

相关文章:

javascript - 如何淡入特定的 CSS 属性

javascript - 如何将 javascript 设置样式属性返回到 CSS 默认值

javascript - 试图让我的社交链接在悬停时保持静止

javascript - 如何将现有的 dom 元素绑定(bind)到 backbone collection view

javascript - MooTools Fx.Slide 持续时间

javascript - 如何使用 jQuery 在不同的端口上发送 AJAX 请求?

javascript - jQuery 选择器和不同类型的 href 链接 - 为链接添加正确的 CSS 类

html - 在CSS中添加像素

javascript - 通过单击显示具有所需属性的提示

html - 游戏制作工作室: When I run the game