javascript - 二十二十个js | 一个定位

Question

我在一个网站上工作，有一个“前后”动画的例子，我用二十二十个 js 做的。

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

问题页面链接：

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

Answer 1

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

您的最终输出将如下所示

在你的 twentytwenty.css

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

在你 style.css

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