背景:透明; vs background:0 0;差异和威胁

时间:2017-12-19 12:27:36

标签: css background less

我注意到background: transparent使用background: 0 0;更改为less。我在grunt-contrib-less版本中使用1.4.1使用"less": "~2.7.1"将较少的转换为css。这些0 0背景中的责任是什么?使用background: 0 0代替background: transparent会产生什么问题吗?我试图谷歌这个,但我找不到任何可以解释我的东西

3 个答案:

答案 0 :(得分:4)

实际上,您不会通过使用属性background: 0 0;而不是background: transparent来获得任何款待。这个background: 0 0究竟是什么的简写符号

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

其中每个背景属性都设置为初始值,background position设置为0 0并回答您的另一个问题为什么Less更改background:transparentbackground: 0 0是IE7或更低不支持transparent属性,因此Less将其更改为另一种提供相同输出的简写符号

答案 1 :(得分:3)

来自MDN :( Bold mine)

  

后台CSS速记属性指定显式给定值   并将缺少的属性设置为初始值

两个版本: "folderPath": "@CONCAT('bict2233/data-in/day/', @string(@{dataset().TriggerRunTime}))" background: transparent将所有背景属性重置为其初始值,但每个属性都明确设置自己的特定背景属性。

background: 0 0; - 将background: transparent设为background-color

transparentbackground: 0 0;设置为background-position

交换它们不应该是一个问题(所以没有'威胁')

答案 2 :(得分:1)

background: 0 0将背景位置设置为background-position: 0 0而不是透明。

background-color初始值是透明的。

background: none设置background-image: none