最近群裡有很多朋友在討論，如何在Flash上面建立一個層，這個層位於Flash之上而不被Flash覆蓋。這是一個比較常見的案例，在現實工作中有著很大的意義。
例如，我們在頁面頂端設置一個Flash動畫，但想在這個動畫上面浮動一層，可以放置鏈接或說明文字等。這樣的編碼更加易於修改，也更輕易被搜索引擎收錄；更重要的是，假如用戶屏蔽了Flash，依然可以看到浮動層上的文字。
紅色的區域即是浮於Flash之上的層。層內放了一個文字鏈接。
看下面的XHtml編碼：
示例代碼 [www.mb5u.com]
<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="500" height="220">
<param name="movIE" value="hehe.swf" />
<param name="quality" value="high" />
</object>
<div id="nav"><a href="http://www.mb5u.com/css_websites_showcase/" title="CSS酷站欣賞">這是浮動層</a></div>
</div>
建立一個DIV，設置其ID為flash。插入一個Flash動畫hehe.swf。
在這個DIV內部，嵌套一個DIV，設置ID為nav。
下面我們開始CSS編碼：
示例代碼 [www.mb5u.com]
body {
margin:0;
padding:0;
font-size:12px;
}
#Flash {
margin:20px auto 0 auto;
width:500px;
height:220px;
position:relative;
}
#nav {
position:absolute;
right:50px;
top:30px;
width:400px;
line-height:30px;
text-align:center;
font-weight:bold;
background:#f00;
border:1px solid #fff;
}
#nav a {
color:#fff;
}
#nav a:hover {
color:#ff0;
}
body是整體布局聲明。
ID為flash的層設置為，距離頂部20px並水平居中對齊，寬度與高度正好與Flash文件相同，應用相對定位。
ID為nav的層設置為，絕對定位，距離左側與頂部分別是50px、30px，寬度為400px，行高30px，文字居中對齊，文字加粗。層的背景色為#f00紅色。設置邊框為一象素的實線並設置成白色。
對nav層的鏈接進行設置，鏈接文字顏色為白色，懸停狀態為淺黃色。