简单的给博客加个背景图

1191天前2124

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

没错,你差一张 骚气的背景图 越骚越好的那种 ,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.