如何用一个层(div)来遮住一个框架(iframe)

如果你要参考实例的话,请http://www.sharexbar.com/music1/newyear.htm,看到这里链接你可以看到两个白快,呵呵那是因为我仅仅做了最简单的。当然聪明的你,可以修改成任何一个你喜欢的样式。

 

代码如下:

 

<div style="overflow:auto;">
<iframe frameborder="0" scrolling="no" style="position:absolute; left:150px; top:291px; width:150px; height:30px; z-index:8; "></iframe>
</div>

 

把这段代码放到你需要遮住的框架的上面,就可以了,举个例子
<div style="overflow:auto;">
<iframe frameborder="0" scrolling="no" style="position:absolute; left:150px; top:291px; width:150px; height:30px; z-index:8; "></iframe>
</div>
<IFRAME frameBorder=0 scrolling=no src="https://www.sharexbar.com/music1/newyear.htm" name=board id=board width="550" height="435"></IFRAME>(这个就是你要遮住的框架)

至于left:150px; top:291px; width:150px; height:30px; 啥意思,请自己查询CSS语法了,很简单的。

 

CSS中的top和left http://chuo.me/2009/03/top-left-in-css/(这里有详细的解释)

 

http://css.1keydata.com/tw/position.php (这里也可以参考)

 

打赏
微信 OR 支付宝 扫描二维码
为本文作者 打个赏
pay_weixin
金额随意 快来“打”我呀~

未经允许不得转载:信言博客 » 如何用一个层(div)来遮住一个框架(iframe)

赞 (0) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏