背景图设置

背景图片位置 :

background-position:值1 值2;
(其中值1代表水平方向的位置,值2代表垂直方向的位置)
水平方向可以取默认的left左 center中 right右三个值,也可以写一个具体的偏移数值
垂直方向可以取默认的top上 center中 bottom下三个值,也可以写一个具体的偏移数值

水平方向给正值,图片往右边移动,给负值,图片往左边移动
垂直方向给正值,图片往下边移动,给负值,图片往上边移动

 

背景为透明:

在 chrome 、firefox、opera 下是这样的:

background-color: rgba(0, 0, 0, 0.3); 

 

在 ie 中一般是这样的:

background-color: rgb(0, 0, 0);  

filter: alpha(opacity=30);  

 

想要兼容就全部设置:

filter: alpha(opacity=30);  

background-color: rgb(0, 0, 0);  

background-color: rgba(0, 0, 0, 0.3);  

 

posted @ 2016-11-19 02:35  PengYunjing  阅读(225)  评论(0编辑  收藏  举报