zoukankan      html  css  js  c++  java
  • background-position,有逗号和没逗号:截然不同的结果

    写星级评分demo的时候,发现background-position这个属性有点神奇

    如上图,在其值中加“,”与不加“,”会带来截然不同的结果,来研究一哈,顺便把这个属性复习一下

    1.background-position:center(50%),

    会被自动解析为这样的样式:

    2.background-position:30px 60px;

    到上面为止都是正常的用法,现在加个”,“:

    3.background-position:30px,60px;

    加了“,”之后,两个数值都被交给了position-x,而在开发者工具中对position-x的第二个值无论怎样修改都没有反应,这个值应该是不参与渲染的。

    (暂时没有查到相关的信息)

    4.为其用逗号分隔添加四个值:

    同样的,只有第一个值起了作用

    虽然没有查到有用的东西,但是顺便复习了一下这个属性的语法,也算有点收获了..

  • 相关阅读:
    说说移动端web开发中的点击穿透问题
    将博客搬至CSDN
    IIS(4)
    IIS(2)
    IIS(3)
    IIS(1)
    链表
    常用到的关键字
    进程与线程
    文件系统的原理
  • 原文地址:https://www.cnblogs.com/linbudu/p/10672340.html
Copyright © 2011-2022 走看看