javascript - twentytwenty js | 的定位

Question

我在一个网站上工作，有一个“前后”动画的案例，我用 twentytwenty 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;