2010-07-09 58 views
1

我想創造一個盒子,你可以點擊並轉發到,所以我想「#」這將是一個不錯的主意繪製背景圖片:如何在div標籤

但不幸的區域地圖不能用於div或p標籤:/ 任何人都有一個想法是一個好的解決方案是什麼?

+0

遺憾離開了我的代碼

<區域HREF = 「#」 COORDS = 「20,20,180,180」 bee 2010-07-09 11:25:56

+0

我認爲這很可能是一個http://doctype.com/ -question。 – JanD 2010-07-09 11:26:16

+0

不確定,但我認爲'usemap'只對圖像有效 – DrColossos 2010-07-09 11:31:13

回答

1

這不是php相關的,因爲它發生在導航器中。 改爲使用javascript:

<div style='background:url(image.jpg)' onclick='function(){document.location.replace="#"}'> </div> 
+0

這項工作適用於整個div,不適用於指定區域:( – bee 2010-07-09 11:38:53

+0

目前還不清楚您想要匹配的區域 我仍然認爲javascript是您的解決方案 一種原始方法是檢查鼠標在匿名函數與onclick.event匹配 Javascript/jQuery有一個函數來檢索光標位置,參見http://docs.jquery.com/Tutorials:Mouse_Position。 同樣,你可以檢查你的div的真實位置,因此你有你的bg圖像的位置 最後只需要用if()做兩行數學運算,來檢查你的光標是否在你的bg圖像中,如果是的話就重定向。 – bPizzi 2010-07-09 11:44:10

+0

它的工作原理:) – bee 2010-07-09 11:58:43

1

您可以在div內創建標籤。您可以提供這些子標籤和標識,或者將標籤的樣式應用於標籤的樣式屬性。將標籤樣式設置爲顯示:通過位置:絕對或位置:相對和屬性頂部:5px和左側:5px來阻止和定位鏈接。適當地設置寬度和高度,上下左右。