主页 / user-284172

Meetromb's questions

Martin Hope
Meetromb
Asked: 2020-04-08 11:08:41 +0000 UTC
  • 1

再会。有一个任务：

围绕圆圈排列元素，使它们相互影响，即 如果我们将鼠标悬停在一个元素上，其他元素就会移到一边。

所需结构：

<div class="container">
   <div class="item">
   <div class="item">
   <div class="item">
   <div class="item">
   <div class="item">
</div>

默认状态悬停时

javascript
Martin Hope
Meetromb
Asked: 2020-02-06 22:14:48 +0000 UTC
  • 9

有一个不平凡的任务。

html, body, .bg-cover {
  height: 100%;
  margin: 0;
}

.bg-cover {
  background-image: url(//i.stack.imgur.com/JkEWk.jpg);
  background-size: cover;
}

.element {
  position: absolute;
  background: red;
  background: rgba(255,0,0,.5);
  height: 10.416666666666668vw;
  width: 18.75vw;
  background-size: cover;
  z-index: 2;
  left: 29.947916666666668vw;
  top: 24vh;
}
<div class="bg-cover">
  <div class="element"></div>
</div>

背景图片：

背景

需要定位element在电视背景的白色区域，这样背景和块的相对位置才不会被打乱element。

问题是在不同的屏幕分辨率下，背景的缩放比例不同。也许您可以通过某种方式获得背景上像素的位置js并对此进行播放？

有没有人遇到过类似的问题？

javascript