background-position 是如何计算的

来源：学生作业帮助网编辑：作业帮时间：2024/04/29 14:04:41

background-position 是如何计算的
background-position 是如何计算的

background-position 是如何计算的
background-position:0% 0%;
这表示背景图片的左上角与容器的左上角对齐?的确是这个现象,但话不能这么说,因为 background-position 计算位置时用的并不是背景图片的左上角作为基点.
background-position 是将背景图片的中心点作为基点
如上图,容器是 400px * 400px,背景图片是 200px * 200px,上图是：background-position:50% 50%.
那么 background-position:0% 0% 时：第一个 0% 就代表背景图片的中心点与左边红线重合；第二个 0% 就代表背景图片的中心点与上边红线生命.
那么 background-position:100% 100% 时：第一个 100% 就代表背景图片的中心点与右边红线重合；第二个 100% 就代表背景图片的中心点与下边红线生命.
也就是说在 0%-100% 之间,图片的中心点被限制在一个范围内：
这个范围距离容器左边缘右边缘均是背景图片宽度 / 2.

background-position:center 请问background-position:left center； background-position 是如何计算的 background-position 是如何计算的 CSS background-position 定义背景具体位置如何计算? background. background background-position:top left,bottom right,0 0,0 background-position:top left,bottom right,0 0,0 0;这句CSS是什么意思? background-position:bottom right请问这句话什么意思?背景位置在下, IE6下position:fixed的Bug;以及闪动问题为什么加了这个 *html{background-image:url(about:blank);background-attachment:fixed;} 还似乎没用! position Position position CSS background-position的用法请教下background-position:left -29px; 这是啥意思呢?一看我感觉是往左移-29个像素,但我测试了下又不是. 英语纠错-请问这句话有什么错误吗?3My education background in English and my teaching experience have been excellent preparation for this position 麻烦各位帮个忙!麻烦朋友们帮忙看一下这一段代码：#div1{width:150px; height:200px; background:yellow; position:absolute; left:-150px;}#div1 span{width:20px; height:60px; line-height:20px; background:#F99; position:absolute;right:- background:light Background Extracting