0/0对css背景属性有什么作用?

0/0对css背景属性有什么作用?,css,semantic-ui,Css,Semantic Ui,我尝试使用以下样式: background: linear-gradient(to right,orange,orange) 0 0/0 100% no-repeat, rgba(255, 165, 0,0.1); 这是一个自定义语义主题,当我编译为以下内容时,该主题在生成时被破坏: background: -webkit-gradient(linear, left top, right top, from(orange), to(orange)) 0 NaN 100% no-repeat,

我尝试使用以下样式:

background: linear-gradient(to right,orange,orange) 0 0/0 100% no-repeat, rgba(255, 165, 0,0.1);
这是一个自定义语义主题,当我编译为以下内容时,该主题在生成时被破坏:

background: -webkit-gradient(linear, left top, right top, from(orange), to(orange)) 0 NaN 100% no-repeat, rgba(255, 165, 0, 0.1);
注意NaN

0/0在做什么? 是否有另一种编码方法来防止语义自定义主题的编译问题?

根据位置/背景大小:

该值只能包含在后面,并用“/”字符分隔,如下所示:居中/80%

您可以删除该0/0并添加以下行:

background-size: 0;
background-position: 0;
如果有必要。

根据,即位置/背景大小:

该值只能包含在后面,并用“/”字符分隔,如下所示:居中/80%

您可以删除该0/0并添加以下行:

background-size: 0;
background-position: 0;

如果有必要的话。

0/0在CSS中无效,因为它计算为NaN,您不能将0除以0。这在CSS“calc”和类似SaSS的扩展中都是正确的

您需要声明背景位置和背景大小的真实值,您可以使用绝对或相对单位,或者使用关键字“Right”、“left”、“center”


还要注意:“0”无效,它本质上没有任何意义,因此您的图像将进行渲染,就好像您没有声明值左上角是默认值一样。必须使用单位指示器

0/0在CSS中无效,因为它计算为NaN,不能将0除以0。这在CSS“calc”和类似SaSS的扩展中都是正确的

您需要声明背景位置和背景大小的真实值,您可以使用绝对或相对单位,或者使用关键字“Right”、“left”、“center”


还要注意:“0”无效,它本质上没有任何意义,因此您的图像将进行渲染,就好像您没有声明值左上角是默认值一样。必须使用单位指示器

对不起,当前的答案都不能很好地回答您的问题。下面是一个更简明的分类:

问:CSS背景属性中的0/0做什么? 答:它定义了使用背景速记时背景位置和背景大小的属性

问:……注意NaN,0/0在做什么? 答:看起来您的编译器正在尝试计算0/0。从数学上讲,你不能把零除以零,所以你的编译器抛出的不是一个数字,而是一个错误

问:有没有其他方法来编写代码来防止编译器问题。。。 答:由于您将背景位置设置为默认值,因此可以使用右上角或初始关键字。这应有助于避免执行任何潜在的计算,例如:

background: linear-gradient(to right,orange,orange) top right/0% 100% no-repeat rgba(255, 165, 0,0.1);

抱歉,当前的答案都不能很好地回答您的问题。下面是一个更简明的分类:

问:CSS背景属性中的0/0做什么? 答:它定义了使用背景速记时背景位置和背景大小的属性

问:……注意NaN,0/0在做什么? 答:看起来您的编译器正在尝试计算0/0。从数学上讲,你不能把零除以零,所以你的编译器抛出的不是一个数字,而是一个错误

问:有没有其他方法来编写代码来防止编译器问题。。。 答:由于您将背景位置设置为默认值,因此可以使用右上角或初始关键字。这应有助于避免执行任何潜在的计算,例如:

background: linear-gradient(to right,orange,orange) top right/0% 100% no-repeat rgba(255, 165, 0,0.1);

你是否也尝试过我在另一个答案中建议的0px或0%:你是否也尝试过我在另一个答案中建议的0px或0%:我认为CSS不会计算不在计算中的数学表达式。此外,你的答案似乎忽略了单位,例如px、em、vw是百分比的有效替代品。此外,基数边位置(如左、上)不一定是默认值。True和True。CSS不做calc之外的数学运算,但看起来OP在询问编译ie。SaSS或SCS和扩展通常会为您处理数学运算,这可能是NaN出现的原因。另外,关于“默认值”你是对的-我将更新以使其更具语义,应该是“关键字”。0/0在后台速记中有效,请参阅我的答案。不,不是。W3规范没有将没有单位的值列为有效值,您必须使用单位或关键字。@JDP我很欣赏对W3.org的引用,但事实上,没有单位的零是使用零的首选方式。事实上,如果你使用带有零的单位,css过滤器通常会标记警告。我认为css不会计算不在计算中的数学表达式。而且你的答案似乎忽略了单位,例如px、em、vw是百分比的有效替代品。此外,基数边位置(如左、上)不一定是默认值。True和True。CSS不做计算之外的数学运算,但看起来OP是在询问编译ie。SaSS或SCS和扩展将
ften为您处理数学问题,这可能是NaN在场的原因。另外,关于“默认值”你是对的-我将更新以使其更具语义,应该是“关键字”。0/0在后台速记中有效,请参阅我的答案。不,不是。W3规范没有将没有单位的值列为有效值,您必须使用单位或关键字。@JDP我很欣赏对W3.org的引用,但事实上,没有单位的零是使用零的首选方式。事实上如果使用带有零的单位,css linter通常会标记警告。如果背景大小和背景位置属性在没有为属性声明单位的情况下工作,那么为什么这可以工作,而这不行?如果背景大小和背景位置属性在没有为属性声明单位的情况下工作,那么为什么这可以工作,而不是这个不是吗?