到目前爲止,我已經設法使背景圖像伸展:背景圖像拉伸和作物
XHTML:
<div id="background">
<img src="images/background.jpg" alt="Background" />
</div>
CSS:
#background
{
width: 100%;
height: auto;
position: fixed;
left: 0px;
top: 0px;
}
#background img
{
width: 100%;
height: 100%;
}
這種運作良好,除了圖像當圖像的高度超過窗口高度時,從頂部顯示。這意味着圖像的頂部始終顯示,但底部被切斷。我想改變它,以便圖像始終從中心顯示(以便圖像的頂部和底部都被切掉,並顯示圖像的中心)。
使用img作爲身體的bakcground圖像有什麼問題? – Kyle 2012-04-03 12:28:42
我想你可能需要幫助jquery來實現這一點。 – Dips 2012-04-03 13:03:54