wordpress背景图片怎么添加
我个人是不喜欢换wordpress背景图片,因为图大容易拖慢速度,但是有朋友需要添加背景图片,这里说说添加不透明的背景图和透明的背景图方法。
不透明的背景图
将以下css代码粘贴到主题的header文件”</head>”标签之前。
1
2
3
4
5
6
7
8
9
|
<style type=”text/css”>
body{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-image: url(背景图片地址);
}
</style>
|
这样的效果就是body上面的元素不会透明,只有body上面没有遮挡的元素背景图才会看得见。
透明的背景图
将以下css代码粘贴到主题的header文件”</head>”标签之前。
1
2
3
4
5
6
7
8
9
10
|
<style type=”text/css”>
body{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-color: rgba(0, 0, 0, 0.5);
background-image: url(图片地址);
}
</style>
|
这样的效果是不管body上面有没有字体,遮挡元素,背景图始终可见。