標籤

ASP.NET MVC (29) Visual C# (15) JQuery (10) Plugins (8) JQuery Plugins (6) JavaScript (6) MySQL (5) CSS (4) LinQ (4) Mac OS (4) CentOS (3) Design Pattern (3) Entity Framework (3) IIS (3) Python (3) Windows (3) php (3) Docker (2) LAMP (2) SQL Server (2) WCF (2) .NET (1) .NET Core (1) AWS (1) Browser (1) GIS (1) IE (1) Internet Security (1) Linux (1) Platform (1) React (1) SEO (1) Testing (1) VMware (1) Windows 7 (1) cookie (1) curl (1) laravel (1) phpBB (1) session (1) 中古屋 (1) 透天 (1) 閒言閒語 (1) 面試 (1) 鳥松 (1)

2011年3月10日 星期四

[CSS] 如何強制div永遠在flash的圖層上面而不被蓋住

關鍵字:CSS、z-index、flash、圖層、覆蓋、蓋住、遮住。
================
假如我們希望某個連結永遠顯示在flash上面,方法如下:
1. 先將flash 與 連結 設定各自的div  2. 增加wmode屬性為opaque (紅字部分)


    <div id="intro">
            <ul>
                <li><a href="...*.html">某個連結</a></li>
            </ul>
    </div>


    <div class="flash">
       <object classid=....
           <param name="movie" value="...
           <param name="quality" value="...
           <param name="wmode" value="opaque" />
           <embed src="...
       </object>
    </div>

3. CSS檔中設定z-index值,越大代表圖層越前面(越靠近使用者):


.flash{
        ...
z-index:10;
}



#intro ul{
        ...
z-index:100;
}

#intro ul li{
        ...
z-index:100;
}

沒有留言:

張貼留言