如何在背景图像的一部分中设置图像地图？

我知道如何为前景图像设置图像映射。但是这次我想要为图像的一部分设置图像映射，它被设置为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