目錄
回复讨论(解决方案)
首頁 web前端 html教學 急急急!棘手问题,关于背景图片,透明FLASH,超链接_html/css_WEB-ITnose

急急急!棘手问题,关于背景图片,透明FLASH,超链接_html/css_WEB-ITnose

Jun 24, 2016 pm 12:25 PM

本帖最后由 zhaishang1 于 2013-12-16 09:07:25 编辑

我有三个DIV,设为FLOAT,并排显示,中间一个固定1280PX宽度,另外两边根据屏幕宽度剩余大小平均分配。
然后我给中间的DIV加入背景图片,旁边2个DIV同样加入背景图片,用来补充边边角角。最后我给中间的DIV插入透明FLASH。目前这些都已经完美实现。效果如下:

你可以看见顶部和中间都有透明FLASH的效果,这2个FLASH都是在中间的DIV里面。顶部是星星点点,中部是蝴蝶。
可是问题来了,我现在想给背景图片里这5个图标加上超链接。
如果没有这些FLASH的话,很容易,只要把中间的DIV变成IMG,再把这个IMG变成块级元素,最后利用MAP标签配合在IMG标签里面加上usemap就可以实现。但是我现在要保持这些FLASH,因为原来的情况,是中间是一个DIV,然后只是设置的background-image
而已。所以DIV里面还是可以放内容的,比如这两个FLASH。现在换成了IMG,是实打实的一个图片了,里面不能再放FLASH,再放只能被挤到下面去了。当然你或许会说给IMG加上background-image,这样不行,我试过。
何解?求高人

回复讨论(解决方案)

外层的div.position:relative
里面放一个 div.absolute 用这个div来承载可以点击的图片

不太懂,给赞一下!

外层的div.position:relative
里面放一个 div.absolute 用这个div来承载可以点击的图片
没错,在没看你的回复之前,我就已经解决了,但是和我的解决方案一模一样。
只不过那5个图标本来就已经是背景图片的一部分了,我在制作这个背景图片的时候就把图标放进去了。
所以最后新建的5个DIV,是直接用来承载超链接了。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1666
14
CakePHP 教程
1425
52
Laravel 教程
1325
25
PHP教程
1272
29
C# 教程
1252
24
解決超連結無法開啟的問題 解決超連結無法開啟的問題 Feb 18, 2024 am 09:57 AM

超連結打不開怎麼解決隨著網路的快速發展,超連結已經成為我們日常生活中不可或缺的一部分。我們經常在網頁、郵件、社群媒體等各種平台上看到並使用超連結進行跳轉。然而,有時候我們可能會遇到超連結打不開的問題,這讓我們感到困惑和沮喪。在本文中,我們將探討超連結打不開的原因及解決方法,希望能幫助你解決這個問題。首先,讓我們來了解一下超連結打不開的可能原因。以下是一些常

無法開啟word文件中的超鏈接 無法開啟word文件中的超鏈接 Feb 18, 2024 pm 06:10 PM

近年來,隨著網路科技的不斷發展,我們的生活中離不開各種數位工具和網路。在處理文件時,特別是在寫作中,我們經常使用到word文件。然而,有時我們可能會遇到一個棘手的問題,那就是word文件中的超連結無法開啟。以下將就這個問題進行一番探討。首先,我們需要明確的是,超連結是指在word文件中新增的指向其他文件、網頁、目錄、書籤等的連結。當我們點擊這些連結時,我

WPS無法開啟超連結怎麼辦? WPS超連結打不開解決方法 WPS無法開啟超連結怎麼辦? WPS超連結打不開解決方法 Mar 13, 2024 pm 08:40 PM

我們很多小夥伴在使用WPS編輯內容的時候,有時候會在特定的文字上添加超鏈接,而近期有些小伙伴反饋說WPS超鏈接打不開,用了很多方式都無法點擊進行訪問,關於這個問題要如何解決呢,本期軟體教程小編就來分享具體的解決方法,希望能夠為廣大用戶帶來幫助。  WPS超連結打不開解決方法:  方法一:將滑鼠移到超連結上看是否會變成可點擊樣式  1、打開軟體,點擊頁面左上角的“文件”,在下方選單中選擇“選項”。  2、進入新介面後,點選左側的「編輯&rdq

超連結打不開什麼原因 超連結打不開什麼原因 Feb 22, 2024 pm 03:33 PM

超連結作為網頁中常見的元素之一,常被用來指向其他網頁、文件或特定位置。然而,有時我們會遇到超連結無法開啟的情況,這可能由多種原因引起。首先,超連結無法開啟可能是由於連結位址錯誤導致的。在建立超連結時,我們需要確保連結的地址正確無誤。如果位址中包含特殊字元或空格,可能會​​導致連結無法開啟。此外,如果連結地址發生變化或目標檔案已移動或刪除,也會導致連結無法開啟。

插入超連結時Outlook凍結 插入超連結時Outlook凍結 Feb 19, 2024 pm 03:00 PM

如果您在插入超連結時出現在Outlook時遇到凍結問題,可能是因為網路連線不穩定、Outlook版本舊、防毒軟體幹擾或加載項衝突等原因。這些因素可能導致Outlook無法正常處理超連結操作。修正插入超連結時Outlook凍結的問題使用以下修復程式解決插入超連結時Outlook凍結的問題:檢查已安裝的加載項更新Outlook暫時停用您的防毒軟體,然後嘗試建立新的使用者設定檔修復辦公室應用程式卸載並重新安裝Office我們開始吧。 1]檢查已安裝的加載項可能是Outlook中安裝的某個加載項導致了問題。

如何使用正規表示式在 PHP 中將字串中的 URL 位址替換為超鏈接 如何使用正規表示式在 PHP 中將字串中的 URL 位址替換為超鏈接 Jun 22, 2023 pm 02:22 PM

隨著網路的普及,人們在日常生活中越來越離不開網絡,也愈發需要網頁的支援。而在網頁中,一個很常見的操作就是將URL位址轉為超連結。在PHP中,我們可以使用正規表示式來實現這一操作。下面,就讓我們來看看具體的實作方法。一、使用正規表示式匹配URL在使用正規表示式取代URL為超連結之前,我們需要先使用正規表示式來匹配URL。具體匹配規則如下:$patter

PPT幻燈片插入超連結實現跳著播放的方法教程 PPT幻燈片插入超連結實現跳著播放的方法教程 Mar 26, 2024 pm 02:51 PM

1.開啟一個PPT,或做一個需要用到超連結的PPT。 2.選取需插入超連結的內容,例如我們選取】花卉【兩個字,並給它插入超連結。 3.點選選單列中的】插入【,在】連結【那一欄找到】超連結【,點選超連結。 4.會出現一個窗口,在左側的連結到選擇】本文檔中的位置【,然後會出現在PPT中的每一張投影片。 5.可以選擇需要連結的投影片,點選一下,在右邊會出現這張投影片的預覽模式。 6.有了超連結之後,字體的顏色會改變。我們只要在播放幻燈片的時候,點擊有了超連結的字,幻燈片就會自動播放到我們說連結的那張幻燈片

你知道ppt超連結怎麼設定嗎 你知道ppt超連結怎麼設定嗎 Mar 20, 2024 am 11:40 AM

PPT超連結能夠快速前往指定的網站或開啟指定的文件,又或直接跳到某頁,提高效率並是播放時更有彈性。那麼,我們該如何去設定超連結呢?在這裡我就跟大家分享如何在ppt超連結的設定。接下來,學習就要開始了,同學準備好了嗎?步驟如下:1、首先,我們需要開啟電腦上的MicrosoftPowerPoint投影片;然後,我們在投影片中輸入我們想要設定超連結的文字內容。 (如圖)2、接著,我們用滑鼠選取我們要設定超連結的文字內容;然後,我們點選滑鼠【右鍵】,並在【下拉選單】中選擇【超連結】的選項。

See all articles