“前后”背景

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但这在旧浏览器中不起作用 另一种替代方式是...... 将主背景图像设置为正文标记。创建DIV标记并添加此样式后：

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

记住不要将此div用于内容。它只是用于保存你的bg图像。