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

     网上讨论得比较多的就是,框架把一个层遮住了,这里要讨论得是一个一个层如何来遮住一个框架,经过测试在IE浏览器上没有问题,在firefox3.5上没有任何作用。

 

    如果你要参考实例的话,请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="http://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 (这里也可以参考)

 

相关内容推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注