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

Question

我有一个图像，我想从 div 后面“偷看”:图像的左半部分从 div 后面偷看，其余部分被隐藏 - 如 this .

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%;
}