码迷,mamicode.com
首页 > 其他好文 > 详细

背景图设置

时间:2016-11-19 07:53:17      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:背景图片   key   bsp   val   enter   value   class   rgb   word   

背景图片位置 :

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);  

 

背景图设置

标签:背景图片   key   bsp   val   enter   value   class   rgb   word   

原文地址:http://www.cnblogs.com/pengyunjing/p/6079758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!