指图片的左边沿距离父元素的左边沿50%的距离?

来源:2-11 background-position

慕函数3762822

2019-03-20 00:12:17

比如水平50%,是指图片的左边沿距离父元素的左边沿50%的距离,还是指图片的中心线距离父元素的左边沿50%的距离,如果是50px呢?如果是10%呢?

写回答

1回答

好帮手慕慕子

2019-03-20

同学你好,你是想问关于背景图片位置相关的问题吗, 背景图片的距离都是基于该容器大小的,与父元素没有关系的。下面是一些简单的示例,方便同学理解。

  1. 50%是指背景图片中心线距离容器的距离。50%是个特殊值,等同于设置了center

http://img.mukewang.com/climg/5c91bb010001014313190337.jpg

效果图如下:

http://img.mukewang.com/climg/5c91bba70001086a03210299.jpg

2. 设置10%, 或者10px, 这样不是特殊值,都是指背景图片边沿到容器的距离

示例:

http://img.mukewang.com/climg/5c91bc3d00019b6013250402.jpg


效果图:

http://img.mukewang.com/climg/5c91bc54000132c502870284.jpg

同学可以结合老师的示例再多练习练习,加深对这个知识点的理解

如果解决了你的疑惑,欢迎采纳,祝学习愉快~~~~

0

0 学习 · 36712 问题

查看课程