我有一個div,設定寬高為1024*768,背景圖片大小也剛好為1024*768,當我沒加background-attachment: fixed;時,背景圖剛好填充滿該div;而加了background-attachment: fixed后,背景圖變小了,寬和高都有空白。
uj5u.com熱心網友回復:
1、沒加之前代碼是這樣的。<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{
width: 1024px;
height: 768px;
border: 1px solid red;
}
#div1{
background-image: url(imgs/wallpaper-1.jpg); /* 背景圖大小1024x768*/
background-repeat:no-repeat;
}
</style>
</head>
<body>
<div id="div1"></div>
</html>
運行效果是這樣的:
uj5u.com熱心網友回復:
2、加了background-attachment: fixed;樣式后,背景圖變小了,寬和高都有空白。
uj5u.com熱心網友回復:
瀏覽器f12debugger看下 可能是這個div繼承了padding轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/274632.html
標籤:HTML(CSS)
