瓜果蔬菜任你选
我要找点绿色粮食
  • Google
挣钱买化肥农药
我要收藏以备万一
种粮食流的汗珠子
    最新粮食
    随机粮食
    邻居唠叨唠叨
    精致美味的农家菜
    数着收获的日子
    其他人家的土地
    看看每天庄稼的生产进度
    • 日志数量:298
    • 评论数量:39
    • 今日访问:782
    • 总访问量:290512
    • googlePR:
    订阅Rss

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

    [胡剽乱写的IT世界] 2009-12-28 10:43 Monday

         网上讨论得比较多的就是,框架把一个层遮住了,这里要讨论得是一个一个层如何来遮住一个框架,经过测试在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 (这里也可以参考)

     

    标签: 样式表 框架

    发表评论:

    姓  名: (必填)
    电子邮件: (选填)
    个人主页: (选填)
    内  容: