css怎样让两个div重叠CSS如何使两个div重叠,css使两个div重叠的方法:首先,使用[position:absolute]属性为div设置绝对定位;然后使用z-index属性确定哪个div在顶层。z-index属性用于指定元素的堆叠顺序。
环境:
本文适用于所有品牌的电脑。
重要属性介绍:
位置属性指定元素的定位类型。
(学习视频分享:css视频教程
属性值:
绝对生成一个绝对定位的元素,该元素相对于除静态定位之外的第一个父元素定位。元素的位置由“左”、“上”、“右”和“下”属性指定。
相对生成一个相对定位的元素,该元素相对于其正常位置定位。因此,“LEFT:20”在元素的左边位置增加了20个像素。
z-index属性指定元素的堆叠顺序。堆叠顺序较高的元素总是在堆叠顺序较低的元素之前。
属性值:
自动默认。堆叠顺序等于父元素。
Number设置元素的堆叠顺序。
Inherit指定z-index属性值应该从父元素继承。
代码实现:
Html代码:
div id=’img_head ‘
img src=’ img/home page logo . png ‘ class=’ head ‘
/div
div id=’img_head_back ‘
img src=’ img/background . png ‘ class=’ back ‘
/divcss代码:
#img_head{
border: 1px固体# FF0000
position:absolute绝对值;
width:210px
height: 210px
z-index : 20;
left:600px
top:170px
text-align:中心;
{}
#img_head_back{
border: 0px实心# FF0000
position:absolute绝对值;
width: 210px
height: 210px
left:600px
top:170px
z-索引:10;
}相关推荐:以上css教程是CSS如何让两个div重叠的详细内容。请多关注其他关于 PHP知识的相关文章!