在html上仅单击图像的非透明区域

Question

我希望我的img只能点击它的非tansparent区域，因为它会阻止后面的图像。例如，当我点击法国北部时，它会选择德国。这怎么可能？ 我有类似的东西，所有国家都是html页面上的图像。

以下是我网站的图片：

Answer 1

您的图片是JPEG。它没有透明的部分。但是，将不同操作分配给不同区域的最简单方法是使用图像映射。我使用this online tool创建了与法国和德国相对应的区域。您应该能够在几分钟内为所有其他国家/地区创建区域。

var jobs = (from p in jobsDB
select new JobReportDTO()
{
    JobID = p.JobID,
    EventType = p.EventType,
    DateApproved = p.ApprovedDate,
    DateEntered = p.EnteredDate,
    DateClosed = p.ClosedDate,
    StartDate = p.StartDate,
    FinishDate = p.FinishDate,
    InsuredName = p.InsuredName,
    StreetAddress = p.StreetAddress,
    Suburb = p.Suburb,
    State = p.State,
    Postcode = p.Postcode,
    .... etc