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

This article mainly introduces how to use CSS to achieve body background layer higher than block elements, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

The code is as follows:

Demo

Html, body {

Width: 100%

Max-width: 640px

Height: 100%

Overflow-x: hidden

Margin: 0 auto

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

}

Thank you for reading this article carefully. I hope the article "how to use CSS to achieve body background layer higher than block elements" shared by the editor will be helpful to everyone. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

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.