添加到HREF該DIV選定區域

有格狀，添加到HREF該DIV選定區域

<div id="footer"> 

<div>

我已經定義背景圖片從CSS這個div。它看起來像，

enter image description here

想要的href添加到這個形象，但在選定的部分只？可以做到嗎？

選定區域是什麼樣子，

enter image description here

鼠標指針應該看起來像正常的，除了可點擊區域整個股利。

來源

2014-01-14 fledgling

嘗試使用地圖：http://www.w3schools.com/tags/tag_map.asp – Andrew

您無法將地圖添加到背景圖片。 –

可以使用CSS

CSS

#footer{ 
    background:#f00; 
    width:500px; 
    height:100px; 

} 
#footer a.link{ 
    width:20px; 
    height:20px; 
    border:solid 1px #000; 
    float:right; 
    margin:20px; 
}

HTML

<div id="footer"> 
    <a href="#" class="link"></a> 
<div>

FIDDLE Demo

來源

2014-01-14 06:23:15 Krish

花點時間發佈您的解決方案 – Satpal

謝謝@Satpal ...我發佈了一些錯誤......！ – Krish

每當您發佈鏈接到JSFiddle時都必須發佈一些代碼。看到一個簡單的編輯幫助OP，你獲得了一些聲譽。另外請記住SO不會宣傳Link only答案（它們將被標記並可能被刪除）。我提到它，以便您成爲SO的更好貢獻者 – Satpal

您可以使用地圖和圖片上定義多個點擊區域。

看到此頁。 http://www.w3schools.com/tags/tag_map.asp

來源

2014-01-14 06:11:55 AleVale94

您也可以使用[http://www.image-maps.com]（http://www.image-maps.com）來幫助您映射圖像。 –

您無法將地圖添加到背景圖像。 –

可以實現與HTML圖像映射做到這一點。開始了！

在Div位置設置相應的協調。所以可以做到。，你也可以將一個DIV

<img src="rainbow.gif" usemap = #example border=0> 
<map name=example> 
<area shape=Rect Coords=0,0,29,29 Href="http://www.yahoo.com"> 
<area shape=Rect Coords=30,30,59,59 Href="http://www.hotbot.com"> 
</map>

入住這tutotial

來源

2014-01-14 06:27:13 Kirk

內的許多影像地圖，您可以添加一個孩子的div到您的頁腳和綁定click事件給它。

$('#childDiv').bind('click', function() { 
window.open('/nextpage.html', '_self');

應用css重新定位子div。

來源

2014-01-14 06:29:17 gokul

添加到HREF該DIV選定區域

回答

相關問題