有一个不平凡的任务。
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并对此进行播放?
有没有人遇到过类似的问题?
