网页制作Webjx文章简介:大部分人应该习惯于使用描述性词语(left、top、center…)或者数值(20px、1em…)对背景图片定位,百分比可能比较少用,常见的有50%、100%等数值。
此文为后来的教程做铺垫,转自这儿。百分数定位很有意思,可以实现非凡的效果。看到的并不是如下的效果
定位的时候,图片被放置在容器的右下角,而并没有跑出容器。(如果使用 background-position: 300px 300px; 的话,背景图片会被移出容器)
同样,如果使用
会将背景图片的坐标点(20%,20%)定位到容器的坐标点(20%,20%)。
新闻热点
疑难解答