关于background-position百分比的问题? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

关于background-position百分比的问题?

2016-06-08 09:57:31 1629 1

dome在这 https://jsfiddle.net/d1LpL9eu/点击预览

background-position: calc(100% - 40px) calc(100% - 20px);

background-position前两个值应该是
水平和垂直位置,分别是从左边和上边开始计算的,
为什么calc(100% - 40px)是从右侧开始计算的?
calc中的100%指的是图片还是容器呢?

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:31:14

    calc(100% - 40px)
    将背景图的右边和容器的右内边界对齐,然后再向右移动40个像素
    calc(100% - 20px);
    将背景图的下边和容器的下内边界对齐,然后再向上移动20个像素

    background-position在使用百分比时,对容器和背景都有效,水平方向从左边开始计算,垂直方向从上边开始计算.
    也就是background-position:50% 50%,会将容器的水平方向的50%的位置和背景图50%的位置对齐,同时将垂直方向的50%的位置和背景图的50%的位置对象,效果就是背景图放在容器的中间位置

    0 0
相关问答

1

回答

position的值?

2019-12-10 15:06:02 489浏览量 回答数 1

1

回答

base64 的原理及优缺点

2019-11-18 16:11:45 535浏览量 回答数 1

1

回答

background简写问题

2016-06-07 19:24:46 1490浏览量 回答数 1

1

回答

关于JQuery background为何打印出来是空的问题

2016-06-03 10:05:38 1737浏览量 回答数 1

1

回答

这个网站的红包图片怎么弄的CSS background 用一个url括号括起来什么意思?而且会动

2016-06-08 12:48:14 1819浏览量 回答数 1

1

回答

width设成100%background-size不起作用?

2016-06-07 11:57:24 2153浏览量 回答数 1

1

回答

CSS的position定位布局问题

2016-05-27 15:10:16 2005浏览量 回答数 1

2

回答

css中background-position以百分比作值时的参考点是谁?

2016-03-25 14:08:53 1839浏览量 回答数 2

1

回答

css2的布局问题:float还是position?

2016-03-26 10:11:20 1590浏览量 回答数 1

1

回答

关于NSnotification 传递的问题

2016-03-24 09:28:10 1389浏览量 回答数 1
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载