"background-repeat“后的意外速记"background”

Question

对于下面的CSS代码块，我们有一个问题

.customize_modal.session_timeout .modal-body h1 span{
    border: 1px solid #dadada;
    border-radius: 10px;
    padding: 0 15px;
    background-color: #dedede;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#dedede));
}

这个问题是"background-repeat“之后意外的速记"background”。我不是一个CSS的人，也不能在网上找到任何解决方案。有没有人能帮我了解一下这个问题以及解决这个问题的办法。在"font-weight“之后的"font”也报告了类似的问题。请建议任何解决方案或链接。谢谢

Answer 1

使用background速记或它自己的每个属性：

    background: #dedede -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#dedede)) repeat-x;

或

    background-color: #dedede;
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#dedede));

Answer 2

您正在使用一些速记属性之后的速记属性。速记属性是...速记...任何未显式指定的内容都将被重置。在本例中，它将覆盖前面声明的两个属性：

​

​

我猜这就是林特所抱怨的。我建议您先使用速记属性，然后使用较长的属性。

Answer 3

我认为您可以尝试删除任何一个背景css属性，因为您使用的背景和背景颜色，然后背景重复只适用于Image.In的情况下，您想要重复线性渐变添加'repeating-‘前面的单词线性渐变