CSS背景图片定位之百分比定位
web DIV+CSS 2020-09-08 128 0
关于本站

淘淘IT

记录工作学习中的点点滴滴

本站创建于2017年,用于记录工作和学习中遇到的问题。同时,不断提升网站的使用体验,增加新的功能。

918005 1287 12
最新评论
感谢大佬解决了我的问题
评 留言
11111111111111111111ewqr :ku:
评 留言
@xiaoniba 好像是编码GBK和utf-8的区别,请看下我摘抄的一篇文章,里面有介绍http://taotaoit.com/article/details/885.html,你可以尝试下是否可以
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
\x7f-\xff 这个匹配什么东东,会不会出现安全问题??? 改成这样如何 if ($strict && !preg_match('/^[\w\.\*\x{4e00}-\x{9fa5}]+$/u', $key)) {
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
完美解决 牛逼
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
文章标签更多
ThinkPHP (124)
Mysql (28)
DedeCms (30)
jQuery (28)
证件照 (1)
setInc (3)
setDec (3)
onclick (3)
打开边栏(ESC) 关闭边栏(ESC)
CSS背景图片的定位:
1,关键词定位:如top right bottom left center
2,像素定位:如background-position:100px 200px; 表示图片左上角定位到距离容器左上角(100px,200px)的点
3,百分比定位:如background-position:20% 50%;

百分比定位是背景图片本身(x%,y%)的点与容器左上角(x%,y%)的点重合

from clipboard

这也就解释了为什么background-position:0% 0%;图像左上角将放在元素内边距区的左上角。如果图像位置是background-position:100% 100%;,会使图像的右下角放在右边距的右下角。
因为百分数值同时应用于元素和图像,元素的百分比数值是和图像的百分比数值重合的。

示例

background-position: 20% 20%;
会将背景图片的坐标点(20%,20%)定位到容器的坐标点(20%,20%)。 
from clipboard


版权声明:本篇文章来源于网络。 来源链接

相关推荐
CSS通过父元素选择子元素,选择第一个,第二个,最后一个,奇数偶数
DIV+CSS | 2017-07-27 1273
:first-child 选择器 选择属于其父元素的首个子元素的每个 <p> 元素,并为其设置样式: p:first-child { background-color:yellow; } 例子1 选择列表中的第一个 <li> 元素并设置其样式: li:first-child { backgroun...
&nbsp|&quot|&amp|&lt|&gt等html字符转义
DIV+CSS | 2017-05-18 1157
提示:请直接按CTRL+F搜索您要查找的转义字符。 常用表: No. 文字表記 10進表記 16進表記 文字   Comment ...
评论:0条
评论加载中...
发表评论