我有一個網頁,帶有#wrap div居中頁面的屬性{margin:0 auto; }背景圖片超過#wrap div
我的封面圖片應該在寬度上(超過#wrap)和780px的高度。
由於#cover div位於居中的#wrap div內,因此圖像無法從左側的絕對點0開始。
我該如何解決這個問題?
我的HTML:
<div id="wrap">
<div id="cover"></div>
</div>
我的CSS:
#wrap {
width: 960px;
margin: 0 auto;
}
#cover {
background-image: url(bg.jpg);
background-attachment: fixed;
background-clip: border-box;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 780px;
z-index: -10;
}
請提供必要的HTML代碼來重現您的問題。 –
「我的封面圖片應占用所有頁面的寬度和780px的高度。」 請澄清:圖像應該是'body'還是'#wrap'的寬度? – Moob