我网站标题的背景是一张图片。
我正在尝试在标题的右上角获取图像映射。
每次我制作 map 时,如果我使用,它会在调整页面大小时移动
position: relative.
如果我使用任何其他位置类型,它会转到正确的位置,但 map 区域会变成一个很小的 0x1 框
有没有办法让 map 留在 CSS 中?还有其他想法吗? (根据我所做的研究,它似乎不适用于 HTML,因为图像是背景)
|
|-----------------------------------------------| |
| ------------------ | |
| HEADER | put map here | | |
| ------------------ | |
| | |
|-----------------------------------------------| |
| | |
| | |
| Rest of Site | |
| | |
| | |
| | |
|-----------------------------------------------| |
|
|
最佳答案
如果你想让你的图像 map 始终位于标题的右上角,无论浏览器视口(viewport)宽度如何,请尝试(类似的东西):
.image-map {
display: block;
position: absolute;
top: 12px;
right: 12px;
width: 200px;
}
关于css - 在css中制作背景图像贴图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27532530/