更改背景颜色 HTML 区域坐标

Question

我有一张瓷柜的图片。

使用图像映射我可以绘制点并制作 hrefs：

<area id="vasetop" alt="" title="Vase on Top" href="#" onClick="reply_click(this)" shape="rect" coords="276,27,379,96" style="outline:none;" target="_self"  />

我有包含所有项目名称的数据库，如果可用，则每个项目的值为 0，如果不可用，则为 1。

我想做的是如果说：

vasetop 的值为 1 我想以某种方式将其删除。

我的代码看起来像

$result = mysqli_query($con,"SELECT * FROM stuff where status='1'");
    while($row = mysqli_fetch_array($result)) {
        if ($row['items'] == "vasetop"){
            <area show black box at these coords="276,27,379,96" />
        }
        else {
            <area id="vasetop" alt="" title="Vase on Top" href="#" onClick="reply_click(this)" shape="rect" coords="276,27,379,96" style="outline:none;" target="_self"  />
        }
}

接近那个。

有没有办法设置html中坐标的背景颜色？

我真正想要的是一些可以执行以下操作的代码。

<div coords="276,27,379,96" style="background-color: #FFFFFF;">

Answer 1

您可以将绝对定位 div 放在地图顶部，例如：

<div style="position:absolute; 
top:27px; 
left:276px; 
width:103px; /*379-276*/
height:69px; /* 96-27 */
background:#fff;"></div>

但是只用矩形很容易，用圆形和多边形做这样的事情就麻烦多了...

更改背景颜色 HTML 区域坐标

Change background color HTML Area coordinates

html

css

imagemap