【问题标题】:Is {background:0;} valid CSS?{background:0;} 是有效的 CSS 吗?
【发布时间】:2014-06-19 21:00:38
【问题描述】:

我知道background 是速记属性 - 0 的值会对所有属性执行什么操作,它是否是有效的 CSS?

selector {background:0;}

【问题讨论】:

  • developer.mozilla.org/en-US/docs/Web/CSS/background 它会起作用,但我从未见过有人这样使用它
  • background: none 不是background:0
  • @kougiland:不,这意味着不同的东西,即background-image: none 而不是background-position: 0

标签: css background shorthand


【解决方案1】:

background:0 是有效的 css 并被编译成:

background-image: initial;
background-position-x: 0px;
background-position-y: 50%;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;

【讨论】:

    【解决方案2】:

    是的,零将被解释为水平背景位置。其他背景属性设置为默认值,因此您最终会得到相同的结果:

    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 center;
    background-color: transparent;
    

    【讨论】:

      猜你喜欢
      • 2023-03-28
      • 2012-03-28
      • 1970-01-01
      • 2013-06-21
      • 2011-03-15
      • 2019-08-05
      • 1970-01-01
      • 1970-01-01
      • 2013-01-07
      相关资源
      最近更新 更多