二十二十 JS |定位<img>

Question

我正在开发一个网站，有一个"前后"动画的情况，我用二十二十个js做了。

除了一页之外，它在任何地方都可以正常工作，其中的后图像（右侧）似乎不适合"容器"。图像应该有一个浅色边框，但它只显示在顶部。使用"边框：1px 纯浅灰色"具有相同的结果。

链接到问题页面：

http://www.nordglueck.com/printness/html/Referenz/raumplus_Faltposterbroschuere_Illustration_nach_Bild.html

Answer 1

快速解决方案！ 将right: 0;添加到twentytwenty.css文件和style.css文件中的.twentytwenty-container img中 从.bild-1类的宽度和高度中获取2px

您的最终输出将如下所示

在你二十二十岁.css

.twentytwenty-container img
    max-width: 100%;
    position: absolute;
    top: 0;
    right: 0px;
    display: block;

以你的风格.css

.bild-1
    width: 388px;
    height: 348px;
    display: inline-block;
    float: right;