手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS实现body背景层高于块元素的方法
CSS实现body背景层高于块元素的方法
摘要:本文实例讲述了CSS实现body背景层高于块元素的方法,分享给大家供大家参考。具体实现方法如下:demohtml,body{width:10...

本文实例讲述了CSS实现body背景层高于块元素的方法,分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html>

<html lang="en">

<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的网页设计有所帮助。

【CSS实现body背景层高于块元素的方法】相关文章:

在 CSS 中关于字体处理效果的思考

CSS div居中的三种方法

CSS+DIV实现鼠标经过背景变色

CSS教程:闭合CSS浮动元素的几种方法

CSS+DIV实现鼠标经过背景变色

firefox和谷歌不显示body背景图片的解决方法

CSS的ul和li实现横向排列和去掉li的点

使用CSS代码的空格实现中文对齐的方法

CSS3实现漂亮的按钮动画

用CSS+JS实现Li背景颜色交替

精品推荐
分类导航