Shulou(Shulou.com)06/01 Report--

This article mainly introduces CSS how to achieve body background layer higher than block elements, the article is very detailed, has a certain reference value, interested friends must read it!

The specific implementation methods are as follows:

Demo

Html,body {

Width:100%

Max-width:640px

Height:100%

Overflow-x:hidden

Margin:0auto

Background-color:#000

Font-family: Microsoft Yahei, Chinese fine black, boldface

}

Body {

Background-image:url ('img/person1.png')

Background-repeat:no-repeat

Background-position:bottom

Background-color:transparent

Background-size:100%

}

.box {

Width:100%

Height:50%

Background-color:green

Z-index:-1

Position:absolute

}

The above is all the content of the article "how to make body background layer higher than block elements in CSS". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.