在css中制作背景图像地图

Question

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

我想在标题的右上角找到一张图片地图。

每次制作地图时，如果我使用

，页面调整后都会移动

    position: relative.

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

有没有办法让地图保持在CSS中？还有其他想法吗？ （从我所做的研究来看，它似乎不适用于HTML，因为图像是背景）

---

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

Answer 1

如果您想让图片地图始终位于标题的右上角，无论浏览器视口宽度如何，请尝试（例如）：

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