zoukankan      html  css  js  c++  java
  • 将层定义在FLASH上(例如在FLASH上定义小导航)

    有时候需要在FLASH上面定义层来放一些内容,例如在FLASH上面放置小导航,可以用position 配合z-index来达到效果。

    定义一个DIV(放置FLASH),position设置为relative,再定义一个要放置小导航的DIV,将该DIV放到第一个DIV

    中,position设置为绝对定位,然后改层就会以第一个DIV为参照,通过 top,right,bottom,left来调整位置,再设置z-index

    就可以做到了。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="textml; charset=gb2312" />
    <title>无标题文档</title>
    <style type="text/css"> 
    html{overflow:auto;}
    html,body{margin:0;padding:0;}
    body{
     margin:0;
     padding:0;
     font-size:62.5%;
     background:black;
    }
    .clearfix:after{
     content:".";
     height:0;
     display:block;
     clear:both;
     visibility:hidden;
    }

     /*放置FLASH的层*/
    #flash
    {
        position:relative;  
        800px;
        height:200px;
        margin:0 auto;
        background:orange;
    }

    /*小导航*/
    #subNav
    {
        position:absolute;
        300px;
        height:18px;
        right:0;
        top:0;
        z-index:10;
        overflow:hidden;
        background:red;
    }
    </style>
    </head>

    <body>
      <div id="flash">
       <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=      "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
       width="800" height="200">
          <param name="movie" value="---Flash路径---" />
          <param name="quality" value="high" />
       <param name="wmode" value="transparent" /> 
          <embed src="banner_flash.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="200"></embed>
        </object>
     <div id="subNav">FLASH上的元素,绝对定位,根据TRBL调整位置</div>
      </div>
     
    </body>
    <html>

  • 相关阅读:
    简介&目录
    Lucas 定理
    扩展欧几里得算法(exgcd)
    【做题记录】CF23B Party
    【做题记录】CF1375D Replace by MEX
    【做题记录】CF194B Square
    SPFA
    dijkstra
    CSP-J&S 2020 游记
    中国剩余定理(CRT)
  • 原文地址:https://www.cnblogs.com/_dragon/p/1595782.html
Copyright © 2011-2022 走看看