CSS3渐变和雪碧，同时

现在我发现这已经是SO，似乎每个人都认为它的伟大工程How do I combine a background-image and CSS3 gradient on the same element?CSS3渐变和雪碧，同时

因为当我这样做，失败某些原因。图像独立工作，渐变也是如此。我究竟做错了什么？

.cSub { 
    background: #00f; 
    background-image: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, -moz-linear-gradient(-45deg, #0088b7 0%, #006da4 100%); 
    background-image: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, -webkit-linear-gradient(-45deg, #0088b7 0%, #006da4 100%); 
    background-image: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, -o-linear-gradient(-45deg, #0088b7 0%, #006da4 100%); 
    background-image: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, -ms-linear-gradient(-45deg, #0088b7 0%, #006da4 100%); 
    background-image: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, linear-gradient(135deg, #0088b7 0%, #006da4 100%); 
    border-top: 2px solid #0089b7; 
}

来源

2013-03-08 Fresheyeball

你有background-image的财产，但你把所有为它的背景值，只是把background而不是background-image。

来源

2013-03-08 05:25:19 Musa

该死的，我一定很累。谢了哥们。 – Fresheyeball 2013-03-08 05:41:40

.cSub {  
    background: #00f;  
    background: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, -moz-linear-gradient(-45deg, #0088b7 0%, #006da4 100%);  
    background: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, -webkit-linear-gradient(-45deg, #0088b7 0%, #006da4 100%);  
    background: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, -o-linear-gradient(-45deg, #0088b7 0%, #006da4 100%); 
    background: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, -ms-linear-gradient(-45deg, #0088b7 0%, #006da4 100%);  
    background: url("../images/header/Down_Arrow.svg") 9px 8px no-repeat, linear-gradient(135deg, #0088b7 0%, #006da4 100%); 
    border-top: 2px solid #0089b7;  
width:200px;  
height:auto  
}

您需要以宽度和高度来显示背景。

来源

2013-03-08 07:08:29

CSS3渐变和雪碧，同时

回答

相关问题