位置图像左半部分可见，右半部分位于div后面

Question

我有一个想要从div后面“偷看”的图像：图像的左半部分从div后面窥视，其余部分隐藏 - 就像this一样。

div有以下css：

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

对于我尝试使用的peeker：

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

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

是否可以在不使用javascript的情况下执行此操作？

Answer 1

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