DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> IE6、IE7絕對定位與鏈接問題研究
IE6、IE7絕對定位與鏈接問題研究
編輯:CSS詳解     
今天做了FLASH上加入一個鏈接的效果,通常情況下這種事應該改一下Flash原文件就可以,但在非凡情況下需要我們加入一個層然後加入一個鏈接的方法實現。

  先簡單說一下實現這種效果的一般方法:
  建好一個塊模型DIV,然後放入兩個子元素DIV,一個用來放FLASH,另一個用來放那個層(層內有一個鏈接用來點擊,並且點擊面積與FLASH相同)點擊層我們用絕對定位的方法,在層內的那個鏈接要放入一個透明的GIF,或PNG圖寫入寬度,高度與Flash同。父元素DIV記得加入相對定位。

  Flash中的處理是:
  <param name="wmode" value="transparent">(FOR IE)
  <embed wmode="transparent" ...>(FOR FF)

  示例:(注重!些代碼省去了不相關的Flash代碼,實際應用中要加完整代碼)

示例代碼 [www.mb5u.com] <div style="position:relative;"> 
<div style="position:absolute;left:0; top:0; width:450px; height:400px; display:block; z-index:2;"><a href="#"><img src="space.gif" /></a></div> 
<object> 
<param name="wmode" value="transparent"> 
<embed wmode="transparent">...<embed> 
</object> 
</div>
  但我們一般會想為什麼不直接定義A為塊元素,設置高與寬不得可以了嗎?但事實IE並不能如你所願,假如這麼定義了樣式,在FF中是可以的(Opera做的事與和IE一樣),發現假如定義了A的背景色的情況下A的塊效果是有效的,但假如定義為透明仍然沒有效果。最後只好做罷,使用透明圖片好了!
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved