IE6、IE7絕對(duì)定位與鏈接問(wèn)題研究_DIV+CSS實(shí)例
      
編輯Tag賺U幣
      


      教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!
      


      

       
      
　　今天做了FLASH上加入一個(gè)鏈接的效果，通常情況下這種事應(yīng)該改一下FLASH原文件就可以，但在非凡情況下需要我們加入一個(gè)層然后加入一個(gè)鏈接的方法實(shí)現(xiàn)。

      　　先簡(jiǎn)單說(shuō)一下實(shí)現(xiàn)這種效果的一般方法：
      　　建好一個(gè)塊模型DIV，然后放入兩個(gè)子元素DIV，一個(gè)用來(lái)放FLASH，另一個(gè)用來(lái)放那個(gè)層（層內(nèi)有一個(gè)鏈接用來(lái)點(diǎn)擊，并且點(diǎn)擊面積與FLASH相同）點(diǎn)擊層我們用絕對(duì)定位的方法，在層內(nèi)的那個(gè)鏈接要放入一個(gè)透明的GIF，或PNG圖寫入寬度，高度與FLASH同。父元素DIV記得加入相對(duì)定位。

      　　FLASH中的處理是：
      　　<param name="wmode" value="transparent">（FOR　IE）
      　　<embed wmode="transparent" ...>(FOR FF)

      　　示例：（注重！些代碼省去了不相關(guān)的FLASH代碼，實(shí)際應(yīng)用中要加完整代碼）

      

      

       示例代碼 [www.wf0088.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>
      

      

      　　但我們一般會(huì)想為什么不直接定義A為塊元素，設(shè)置高與寬不得可以了嗎？但事實(shí)IE并不能如你所愿，假如這么定義了樣式，在FF中是可以的（Opera做的事與和IE一樣），發(fā)現(xiàn)假如定義了A的背景色的情況下A的塊效果是有效的，但假如定義為透明仍然沒有效果。最后只好做罷，使用透明圖片好了！


      

      



      


      來(lái)源：無(wú)憂整理//所屬分類：DIV+CSS實(shí)例/更新時(shí)間：2007-09-14


      

      



      


      



      相關(guān)DIV+CSS實(shí)例：