如何在背景圖像的一部分中設置圖像地圖？

我知道如何爲前景圖像設置圖像映射。但是這次我想要爲圖像的一部分設置圖像映射，它被設置爲div的背景圖像。我可以如何做到這一點。我已經搜索了很多在網上，也沒有一個solution.Please help.For例如，如何在背景圖像的一部分中設置圖像地圖？

enter image description here

HTML

<div class="header full" style="background:url('/hdr.jpg';?>) no-repeat; height:492px">

整個圖像被設置爲背景圖片，我想點擊Nestle橢圓形部分，並將重定向到一些網址。

來源

2013-03-04 Sujathan R

[你有什麼嘗試？]（http://www.whathaveyoutried.com）你有任何代碼可以顯示嗎？ – chriz 2013-03-04 10:35:31

請張貼一些代碼，圖形或JSfiddle來澄清您的問題 – Bigood 2013-03-04 10:38:37

請嘗試以下代碼
用你的形象和重命名爲test.jpg放在 請把所有的都在測試和更改代碼爲您的需求相同的文件夾（這只是一個例子）

**CSS** (style.css) 



.image{ 
    background: url("test.jpg") repeat scroll 0 0 transparent; 
    height: 185px; 
    width: 266px; 
    border: 1px solid; 
    } 
    .link{ 
     padding-left: 26px; 
     padding-top: 23px; 
     position: absolute; 
    } 
    .link a{ 
     padding-left: 0; 
     display: block; 
     height: 48px; 
     width: 67px; 
    } 
    .container{ 
    position: relative; 
    }

HTML

<head> 
<link rel="stylesheet" type="text/css" href="style.css"> 
</head> 
<body> 
<div class="container"> 
<div class="link"> <a href="">&nbsp;</a></div> 
<div class="image"> 
</div> 
</div>

來源

2013-03-04 11:49:37 Elby