如何设置大背景图像

-6

我有一个PSD格式的设计，我将其转换为HTML/CSS。我想在背景中设置一个大背景图像。任何人都可以告诉我怎么做到这一点？如何设置大背景图像

2017-05-30 Amit Singh

添加<img> [HTML体的背景。（https://www.w3schools.com/tags/att_body_background.asp ） – samiles

HTML5中不支持 background属性。改用CSS。使用CSS语法： –

下面是一个例子：

body { 
 
    background: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQxC6tuHBQvtvENnQRI-7iRaEfqigj-cuacu1IeYYXBmYD1J9VrJQ"); 
 
    
 
    background-size: cover; 
 
    background-repeat: no-repeat; 
 
} 
 

 
h1{ 
 
color: #fff; 
 
font-size: 30px; 
 
text-align: center; 
 
}

<body> 
 

 
    <div class="header"> 
 

 
    <h1>Header</h1> 
 

 
    </div> 
 

 
</body>

来源

2017-05-30 12:59:01

如果它只是在<header>例如，你需要添加下面的CSS代码。

header { 
    background-image: url('path-to-image'); 
    background-position: relative; /* This depends on your preferences */ 
    background-size: cover; 
}

你也可以像下面这样做，如果你在你的<header>

header img { 
    position: relative; 
    width: 100%; 
    height: auto; /* or height: 100vh */ 
}

来源

2017-05-30 13:06:40

如何设置大背景图像

回答

相关问题