twentytwenty js | positioning of an <img>

Question

나는 웹 사이트에서 일하고 있는데, 나는 "twentytwenty j"로 한 "before - after"애니메이션의 경우가있다.

잔상 (오른쪽)이 "컨테이너"에 맞지 않는 한 페이지를 제외한 모든 곳에서 문제없이 작동합니다. 이미지는 밝은 테두리가 있어야하지만 맨 위에 표시됩니다. "border : 1px solid lightgrey"를 사용하면 같은 결과를 얻습니다. 문제의 페이지

링크 :

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

Answer 1

빠른 솔루션! .bild-1 클래스

당신이 최종 출력이 twentytwenty.css이

모양을의 폭과 높이에서 2px을 취하는 twentytwenty.css 파일과 style.css 파일에 .twentytwenty-container img에 right: 0;를 추가

.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;