css - 在css中制作背景图像贴图

Question

我网站标题的背景是一张图片。

我正在尝试在标题的右上角获取图像映射。

每次我制作 map 时，如果我使用，它会在调整页面大小时移动

    position: relative.

如果我使用任何其他位置类型，它会转到正确的位置，但 map 区域会变成一个很小的 ​​0x1 框

有没有办法让 map 留在 CSS 中？还有其他想法吗？(根据我所做的研究，它似乎不适用于 HTML，因为图像是背景)

---

                                                            |
    |-----------------------------------------------|       |
    |                           ------------------  |       |
    |              HEADER       |  put map here  |  |       |
    |                           ------------------  |       |
    |                                               |       |
    |-----------------------------------------------|       |
    |                                               |       |
    |                                               |       |
    |               Rest of Site                    |       |
    |                                               |       |
    |                                               |       |
    |                                               |       |
    |-----------------------------------------------|       |
                                                            |
                                                            |

Answer 1

如果你想让你的图像 map 始终位于标题的右上角，无论浏览器视口(viewport)宽度如何，请尝试(类似的东西):

.image-map {
display: block;
position: absolute;
top: 12px;
right: 12px;
width: 200px;
}