IT貓撲網(wǎng)：您身邊最放心的安全下載站！ 最新更新|軟件分類|軟件專題|手機(jī)版|論壇轉(zhuǎn)貼|軟件發(fā)布

您當(dāng)前所在位置：首頁(yè) → 網(wǎng)絡(luò)編程 → DIVCSS → IE6、IE7絕對(duì)定位與鏈接問(wèn)題研究-CSS布局實(shí)例

IE6、IE7絕對(duì)定位與鏈接問(wèn)題研究-CSS布局實(shí)例

時(shí)間：2015/6/28來(lái)源：IT貓撲網(wǎng)作者：網(wǎng)管聯(lián)盟我要評(píng)論(0)

今天做了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圖寫(xiě)入寬度，高度與FLASH同。父元素DIV記得加入相對(duì)定位。

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

　　示例：（注重！些代碼省去了不相關(guān)的FLASH代碼，實(shí)際應(yīng)用中要加完整代碼）
<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的塊效果是有效的，但假如定義為透明仍然沒(méi)有效果。最后只好做罷，使用透明圖片好了！

關(guān)鍵詞標(biāo)簽：研究,布局,實(shí)例,問(wèn)題,

相關(guān)閱讀

文章評(píng)論
發(fā)表評(píng)論

熱門文章 DIV+CSS網(wǎng)頁(yè)布局常用的一些基礎(chǔ)知識(shí)整理DIV+CSS網(wǎng)頁(yè)布局常用的一些基礎(chǔ)知識(shí)整理

相關(guān)下載

人氣排行 DIV CSS完美兼容IE6/IE7/FF的通用方法CSS實(shí)例：list-style-type在IE與FF中奇怪的現(xiàn)象解析-CSS布局實(shí)例CSS實(shí)例:通過(guò)定義漸變邊框給圖片加陰影CSS常用技巧之一 禁止文字自動(dòng)換行網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)中CSS十大注意解決用CSS控制DIV居中失效的問(wèn)題css div設(shè)置float后高度不能自動(dòng)增加讓CSS兼容IE和Firefox的技巧集合