」之前和之後「背景

有沒有辦法使用」之前和之後「圖像作爲完整大小的背景？我猜想會很棒！我正在嘗試將這些示例用作完整頁面大小的圖像;」之前和之後「背景

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％到瀏覽器的邊界。

任何人都可以把我推向正確的方向嗎？

感謝

來源

2013-03-29 Joey

試圖編輯這個全寬，但我不能讓它在100％的工作。 http://jsfiddle.net/xQCUP/1/ – Joey

你問如何[拉伸背景圖像]（http://stackoverflow.com/questions/5662735/stretch-background-image-css）？ – epascarello

這就是我所要求的，但不只是正常的拉伸。我想使用「之前和之後」的效果，像例子那樣充分展開背景。 – Joey

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圖像。

來源

2013-04-03 07:25:37

」之前和之後「背景

回答

相關問題