css - “背景重复”之后出现意外的速记“背景”

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));
}

问题是“背景重复”之后的意外速记“背景”。我不是一个 CSS 人，也无法在网上找到任何解决方案。有人可以帮我理解这一点并解决这个问题。“font-weight”之后的“font”也报告了类似的问题。请提出任何解决方案或链接。谢谢

标签： css

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));