元素的层级和背景图片

z-index(数值)设置元素层级
设置层级后,父元素层级在高也不会盖住子元素
如果定位元素的层级是一样,则下边的元素会盖住上边的
通过z-index属性可以用来设置元素的层级
可以为z-index指定一个正整数作为值,该值将会作为当前元素的层级,层级越高,越优先显示
对于没有开启定位的元素不能使用z-index
opacity设置元素透明背景
opacity可以用来设置元素背景的透明,它需要一个0-1之间的值:

参数:0表示完全透明,1表示完全不透明,0.5表示半透明
在IE6中这种方法不支持,所以有下面的方法:

filter: alpha(opacity=50);
透明度,需要一个0-100之间的值,0表示完全透明,100表示完全不透明,50表示半透明

元素的层级
<div class="box2"></div>

<div class="box3"></div>

<div class="box4">
	<div class="box5"></div>
</div>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 background-image设置背景图片 语法:background-image:url(相对路径)

代码:background-image: url(img/1.png);
1
background-repeat:用来设置图片的重复方式
可选值:

repeat,默认值,背景图片会双方向重复(平铺)
no-repeat,背景图片不会重复,有多大就显示多大
repeat-x, 背景图片沿水平方向重复
repeat-y,背景图片沿垂直方向重复

背景
<!-- <link rel="stylesheet" type="text/css" href="css/bgstyle.css"> -->
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值