이 글의 내용은 CSS에서 본문 배경 레이어가 블록 요소보다 높다는 것을 인식하는 방법에 대한 것입니다. 필요한 친구들이 참고할 수 있기를 바랍니다. .
이 문서의 예에서는 본문 배경 레이어가 블록 요소보다 높고 참조용으로 모든 사람과 공유된다는 것을 인식하는 CSS 방법을 설명합니다. 구체적인 구현 방법은 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
</head>
<style>
html, body{
width: 100%;
max-width: 640px;
height: 100%;
overflow-x: hidden;
margin: 0 auto;
background-color: #000;
font-family: 微软雅黑, 华文细黑, 黑体;
}
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;
}
</style>
<body>
<div></div>
</body>
</html>효과는 다음과 같습니다.
위의 구현 방법은 다음과 같습니다. CSS의 블록 요소보다 높은 본문 배경 레이어 전체 소개, CSS3Tutorial에 대해 더 자세히 알고 싶다면 PHP 중국어 웹사이트에 주목하세요.
위 내용은 CSS에서 본문 배경 레이어를 블록 요소보다 높게 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
