javascript - “before and after” 背景

Question

有没有办法使用“前后”图像作为全尺寸背景？我想会很棒!我正在尝试将此类示例用作整页大小的图像；

http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/

http://www.queness.com/post/6480/create-an-attractive-before-and-after-photo-effect-with-jquery

但每次我尝试此操作时，第二个“显示”div 的大小都不会 100% 适应浏览器边框。

谁能把我推向正确的方向？

谢谢

Answer 1

CSS3 有这个特性 W3School CSS3 Background但这在旧浏览器中不起作用
另一种替代方法是..将 Main Background Image 设置为 Body 标签。创建 DIV 标签并添加此样式后:

.mydiv{
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    background-image:url('my/url.jpg');
    background-position:right top;
}

记住不要将这个 div 用于内容。它仅用于保存您的背景图片。