Html 为什么我的网站的顶部和底部'；s背景图像被切断（全屏图像背景）？
在一个使用全屏背景图像的网站上，我遇到了图像顶部和底部被切断的问题。我最初认为padding:0px和margin:0px属性（为html设置，CSS中的body）是罪魁祸首，但我尝试删除这些属性，但没有效果。应该注意的是，这种布局是从其他地方借鉴的。有一个单独的.js文件，其中没有任何样式，用于旋转背景图像 我的CSS的哪些部分是问题所在，我如何调整以使整个图像始终可见，而不管我使用的是哪个图像 此布局的任何响应性设计指针的奖励分数：-） 相关HTML：Html 为什么我的网站的顶部和底部'；s背景图像被切断（全屏图像背景）？,html,css,image,fullscreen,image-scaling,Html,Css,Image,Fullscreen,Image Scaling,在一个使用全屏背景图像的网站上，我遇到了图像顶部和底部被切断的问题。我最初认为padding:0px和margin:0px属性（为html设置，CSS中的body）是罪魁祸首，但我尝试删除这些属性，但没有效果。应该注意的是，这种布局是从其他地方借鉴的。有一个单独的.js文件，其中没有任何样式，用于旋转背景图像 我的CSS的哪些部分是问题所在，我如何调整以使整个图像始终可见，而不管我使用的是哪个图像 此布局的任何响应性设计指针的奖励分数：-） 相关HTML： <html> <bo
<html>
<body>
<div id="main_wrapper">
<div id="fullscreen">
<div id="backgroundImage">
<div style="visibility: visible; opacity: 1;" id="homebg">
<table cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<img src="images/bg.jpg">
</td>
</tr>
</tbody></table>
</div>
</div>
</div>
</div>
</body>
</html>
只需删除css的所有部分，并只保留html、正文部分样式 并在标签中添加100%宽度，如下所示
<img src="images/bg.jpg" width="100%" />
<img src="images/bg.jpg" width="100%" />