简单的给博客加个背景图

2021年08月30日55

有些时候会觉得自己的博客或网站哪都好,就是差点啥?

没错,你差一张 骚气的背景图 越骚越好的那种 ,hah~

如何简单快速的给博客加个背景图?

在页面 head 或 foot 里加入下面的 div:

<div class="bgimg"></div>

然后在网站css文件中加入以下代码:

.bgimg{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
min-width:1000px;
z-index:-10;
zoom:1;
background-color:#fff;
background:url(/background.jpg) no-repeat; //图片地址自换
background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-position:center 0;
opacity:0.2; //透明度可自调
filter:alpha(opacity=20); //透明度可自调
}

好了,收工~

css2 

简单的给博客加个背景图 - Jdeal | Life is like a Design.