主页 / 问题 / 603311
Accepted
Dinario
Asked:2020-12-14 13:15:28 +0000 UTC2020-12-14 13:15:28 +0000 UTC

自适应布局。将块捕捉到图像的特定区域

  • 772

您好，我将尝试简要解释一下。例如，有一个名为 bg 的 div。它被拉伸到屏幕的整个长度和宽度，并填充了某种图片（例如，一个 1200x768 的房间）。让我们有这些风格：

html, body{
  height:100%;
}
.bg{
  background: url("bg.jpg");
  background-size: cover;
  width:100%;
}

后台有一张桌子。我正在创建一个要放在背景图像表上的 div。有可能实现吗？那些。只是把它放在那里没有问题，但是当你改变屏幕分辨率时，它会飞（并且指定 % 作为度量单位在这里没有帮助，它无论如何都会飞，因为图片减少了）。虽然我不明白要往哪个方向挖掘。因此，我需要以任何方式将 div 块锚定到图像的特定部分。

html

1 个回答

  1. Best Answer

    像这样？瞄准枕头或两把椅子

    <!-- Image Map Generated by http://www.image-map.net/ -->
<img src="http://www.interiordesignlovers.com/images/interior_designs/kidroom/05/4-dearkids_290410_04.jpg" usemap="#image-map">

<map name="image-map">
  <area target="" alt="подушка" title="подушка" href="" coords="695,372,669,376,665,389,679,397,712,401,747,396,754,381,730,369,721,370,707,369" shape="poly">
  <area target="" alt="стул" title="стул" href="" coords="731,497,689,503,677,508,689,557,702,577,691,604,678,633,704,651,736,652,769,648,747,582,765,557,771,529,773,512,762,507,752,504" shape="poly">
  <area target="" alt="второй стул" title="второй стул" href="" coords="803,494,833,489,866,492,890,496,890,512,878,550,870,564,893,623,846,627,804,614,817,584,827,563,810,538,799,509" shape="poly">
</map>

    • 2

相关问题