背景圖像寬度不工作

我有一個HTML文件，然後我設置背景圖片網址，但圖像沒有填滿瀏覽器的寬度：背景圖像寬度不工作

我也嘗試設置width屬性使其更寬，但它似乎沒有效果。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 
    <style> 
     #bg { 

      height:1500px; 
      background: url("img/timg7.jpg") center top no-repeat; 
      width:1800px; 
     } 
    </style> 

</head> 
<body id="bg"> 

<div style="width:400px; height: 200px; background-color: antiquewhite"> 
    BLOCK 
</div> 

</body> 
</html>

來源

2017-10-13 qg_java_17137

你給了你的身體寬度？那是什麼？ – PHPglue

需要在此的background-size屬性。

你的CSS應該是：

#bg { 

    background: url("img/timg7.jpg"); 
    background-size: cover; 
    background-repeat: no-repeat; 

}

來源

2017-10-13 02:46:46

在這種情況下，你應該使用背景大小，有一個背景大小demo。

嘗試使用：

background-size: 120%;

來源

2017-10-13 02:41:55 aircraft

嘗試使用：背景尺寸：蓋;

並請刪除這些高度和寬度

來源

2017-10-13 02:44:01

試試這個：

#bg { 

    background: url("img/timg7.jpg") center top no-repeat; 
    background-size: cover; 
}

來源

2017-10-13 02:48:33 Ehsan

#bg{ 
    background: url("img/timg7.jpg"); 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position:center; 
}

來源

2017-10-13 02:50:01

你並不需要在你的body的ID，如document.body與JavaScript的得到它，你可以在CSS中使用body。當然，這不是你的問題。請參見下面的代碼：

html,body{ 
padding:0; margin:0; 
} 
body{ 
    background:url(img/timg7.jpg) no-repeat; background-size:cover; 
}

順便說一句，你應該使用外部CSS，所以它的緩存到瀏覽器內存。

來源

2017-10-13 02:58:06 PHPglue

背景圖像寬度不工作

回答

相關問題