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

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

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

時(shí)間:2015-06-28 00:00:00 來源:IT貓撲網(wǎng) 作者:網(wǎng)管聯(lián)盟 我要評(píng)論(0)

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

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

  FLASH中的處理是:
  (FOR IE)
  (FOR FF)

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




...


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

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

相關(guān)閱讀

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

熱門文章 DIV+CSS網(wǎng)頁布局常用的一些基礎(chǔ)知識(shí)整理 DIV+CSS網(wǎng)頁布局常用的一些基礎(chǔ)知識(shí)整理 完美解決CSS網(wǎng)頁水平居中 完美解決CSS網(wǎng)頁水平居中 XHTML+CSS兼容解決方案 XHTML+CSS兼容解決方案 CSS網(wǎng)頁布局困擾新手的八個(gè)問題 CSS網(wǎng)頁布局困擾新手的八個(gè)問題

相關(guān)下載

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