Css 背景图像中元素的定位

我有一个视口填充容器（主）和背景图像（背景大小：封面）

我需要定位另一个元素（文章），即猫的右眼（pov）

问题是：由于背景尺寸的原因，如果浏览器调整了大小，并且文章的位置必须灵活，图像的大小就会有所不同

有什么好办法吗

body，html{
宽度：100%；
身高：100%；
}
主要{
位置：固定；
排名：0；
左：0；
宽度：100%；
身高：100%；
背景：url(https://static1.squarespace.com/static/562933c2e4b09e3e7576aa26/t/57a8cf2b440243645807818b/1470680877891/katze-begruessen.jpg?format=2500w)不重复；
背景位置：上中；
背景尺寸：封面；
溢出：滚动；
}
文章{
位置：固定；
最高：50%；
左：50%；
高度：50px；
宽度：50px；
背景：黄色；
}

使用多个背景如何？你试过了吗？不可能做到。此外，基于图像构建网站的一部分通常是一件坏事，除非设计是绝对静态的。@Manjunath这会有什么帮助？@Alex Vand是的，这是一件坏事，也是一个坏主意，但是。。。我来了。我不认为这是不可能的-至少必须有一个俗气的javascript解决方案…@bstnhnsl我想我没有读到这个问题，我的错：D，但你可以做一件事，你可以根据设备断点和bg的位置指定固定的背景大小。