CSS背景属性

1. 背景图片

1.1 background属性

url：

url(“路径”): 放置图片路径

---

background-repeat ：规定如何重复背景图像。

no-repeat ： 背景图像将仅显示一次。
repeat： 背景图像将在垂直方向和水平方向重复。
repeat-x： 背景图像将在水平方向重复。
repeat-y： 背景图像将在垂直方向重复。

---

background-attachment ：背景图像是否固定或者随着页面的其余部分滚动。

scroll： 默认值。背景图像会随着页面其余部分的滚动而移动。
fixed： 当页面的其余部分滚动时，背景图像不会移动。
inherit： 规定应该从父元素继承 background-attachment 属性的设置。

---

background-color ：规定要使用的背景颜色。

透明色： background-color:transparent;

---

透明度

opacity：x

x取值0~1， 代表透明程度
注意opacity属性定义整个元素的透明度，包括元素中的文字，如果只想背景图片透明，而文字不透明，可以使用方法：

background-color: rgba(red, green, blue, alphavalue)；

前三个参数为颜色对应的红、绿、蓝色值，最后一个为透明度

示例：

body{
	background: url("../img/backgroundPicture.png") no-repeat fixed;background-size:100% 100%;z-index: -1;
}

input{
	background-color:transparent;
}

p{
	opacity: 0.5;
}
div{
	background-color: rgba(0, 149, 159, 0.5);
}