如何设置身体背景?

时间:2019-03-09 12:32:14

标签: javascript html css responsive-design

我想为主体设置背景图像,但是无法正常工作。我的同事给我发送了一个SVG文件,我必须将其设置为背景,但问题是该图像不在其位置。 这是我必须在adobe xd中设置的


in adobe xd


这就是我所拥有的。


in my html


如您所见,背景周围有一些空间可以解决这个问题。


这是我的代码。


newPairWithSet

4 个答案:

答案 0 :(得分:1)

可能是由于空白或填充

尝试将marginpadding设置为0;和背景尺寸为100%。

 body{
   background:url('../../Images/newback.svg');
   background-repeat: no-repeat;
   background-size: 100%;
   margin:0;
   padding:0;

   }

答案 1 :(得分:1)

使用background-size: cover; 可能不适用于旧版浏览器,也请在这里CSS TRicks

答案 2 :(得分:1)

这可能是由于背景%宽度问题

background-size: 100%

尝试添加它,看看是否可行

答案 3 :(得分:0)

一个好的规则是在开始时将边距和填充设置为0。

*{ Margin: 0; Padding: 0; }