我想使用css将iframe设置为背景

时间:2015-04-11 08:00:03

标签: jquery html css iframe

亲爱的程序员@ stackoverflow,

是否可以使用css将iframe设置为背景?

我进一步解释自己:

今天我的网站上有一个名为div =" lead"
的div 当我在我的html文件中使用该div时,图片' lead_photo.jpg'显示为背景。
我在我的css文件中使用的代码是:

#lead { position: relative; float: left; clear: both; 
        width: 100%; height: 300px;
        background: #dbdbdb url(../images/lead_photo.jpg) center no-repeat; }

到目前为止一切顺利。

现在,我想显示我的" google business view-tour",我应该使用iframe链接集成,作为我网站的背景,而不是当前的照片。

这可能吗?

2 个答案:

答案 0 :(得分:0)

在css中使用此文本对我来说效果很好:

#iframe { position: absolute; float: left; clear: both; width: 100%; height: 350px; z-index: 0; left no-repeat; }

之后我在html中使用了div="iframe"

谢谢4帮助我!

答案 1 :(得分:0)

您可以尝试使用此CSS来设置背景图片。 另外,请检查图像的路径正确与否。

#lead { 
    position: relative; 
    float: left; 
    clear: both; 
    width: 100%; 
    height: 300px;
    background-image:  #dbdbdb, url(images/lead_photo.jpg);
    background-position: center no-repeat; 
}

您为此CSS设置了颜色和图像,并设置了背景图像。