background-position(怎么定位?)
语法:
background-position:length||length
background-position:position||position
取值:
length:百分数|由浮点数字和单位标识符组成的长度值。请参阅长度单位
position:top|center|bottom|left|center|right
阐明:
设置或检索对象的布景图像位置。必须先指定background-image特点。
该特点定位不受对象的补丁特点(padding)设置影响。
默认值为:0%0%。此时布景图片将被定坐落对象不包括补丁(padding)的内容区域的左上角。
假如只指定了一个值,该值将用于横坐标。纵坐标将默认为50%。假如指定了两个值,第二个值将用于纵坐标。
假如设置值为rightcenter,由于right作为横坐标值将会覆盖center值,所以布景图片将被居右定位。
对应的脚本特性为backgroundPosition。
注:本文中使用的图片巨细为300px*120px,为了能很明晰的表达图形的哪部分被隐藏了,依照图片的巨细平均分成了9等份。一起布景图片容器区域绘制出绿色边框明晰显示容器的范围。
background-position怎么定位?
常用的是:
第一种:
lefttop
leftcenter
leftbottom
righttop
rightcenter
rightbottom
centertop
centercenter
centerbottom
假如仅指定一个关键字,其他值将会是"center";
第二种:
x%y%
第一个值是水平位置,第二个值是笔直。左上角是0%0%。右下角是100%100%。假如仅指定了一个值,其他值将是50%。默认值为:0%0%
第三种:
xposypos
第一个值是水平位置,第二个值是笔直。左上角是0。单位能够是像素(0px0px)或任何其他css单位。假如仅指定了一个值,其他值将是50%。你能够混合运用%和positions
例如:
background:rgba(0,0,0,0.7)url("../images/ruleBG.png")no-repeat050px;
background-size:100%auto;
作品标签:
优秀作品:
最新作品:
评论列表(共211人参与)参与讨论或分享设计作品获得视觉癖积分奖励
别人怎么能注册会员
2020-10-12 9:36:18
oads/allimg/201022/1-201022162056.jpg" style="height: 289px; width: 400px;" /> 1980年代的美国。它使用流行的视觉广告进行产品营销,并发展为视觉营销。
回复期的绘画注册会员
2020-10-12 13:20:36
房设计是一个游客
2020-10-12 2:48:9
游客20409:background-posi击翻开。 5.然后会弹出那张翻开的图片和QQ面板,需要把QQ面板移动到那张图片的上面。 全体的修改就基本完成了。 > 2、新的选定翻转状态,无需手工编码即可创建更高档的Web站点导航栏; 3、photos
回复图片,影注册会员
2020-10-12 7:48:19
ft|center|right 能机器人的眼睛,它不只是拍照的功用,还要有分析和学习、识别的才能,就像咱们的人眼睛一样,要可以测出大概的距离,识别出颜色、形状、巨细等信息,并能认出是什么东西,
回复