css - 定位图像，使左半部分可见，右半部分在 div 后面

Question

我有一张我想从 div 后面“偷看”的图像：图像的左半部分从 div 后面偷看，其余部分被隐藏起来 - 像这样。

该 div 具有以下 css：

#div{
    float: left;
    position: relative;
    margin-left: 5%; }

对于我尝试使用的窥视者：

#peeker {
    position: fixed;
    margin-left: 2.5%;
}

但是，这仅在缩放为 100% 时有效。当我缩小时，#peeker 不再显示 50%。

不使用javascript可以做到这一点吗？

Answer 1

#peeker {
    position: fixed;
    margin-left: 2.5%;
    width: 5%;
}