2012-03-05 42 views
0

我为一些登录框中的渐变添加了一个备用图片,但我已经意识到在现代Firefox和Chrome中它跳过代码并直接进入备用图片。我的备用图片不断加载到我的CSS中

background:-moz-linear-gradient(19% 75% 90deg,#0177a9, #53c3e8); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#53c3e8), to(#0177a9)); 
background-color: #0177a9; 
background: url(../images/signin.png); 
background-repeat: repeat-x; 
background-position: -5px -13px; 

回退图像实际上只是登录框的截图,但它看起来与通过CSS3渐变形成时的外观完全相同。

如果我取出后备图像和颜色,它会为每个浏览器加载正确的webkit或moz,但只要我放置回退,就会加载回退。

我知道它使用后备,因为我只是在错误的角度设置其位置,只是为了看看它是否正在加载和它。谁能帮我?它没有任何意义,它的发生。

谢谢!

+0

如果它是一个后备,那么你需要有一个图像之前的文物定义,否则它只是要覆盖它们。 – prodigitalson 2012-03-05 00:03:13

回答

2

如果它是一个后备,那么你需要有一个图像之前的文物定义,否则它只是要覆盖它们。

+0

完美!感谢大家 :) – Stamanatic 2012-03-05 16:20:28

0

将URL放在其他所有内容之前。排序可能是什么给你做的。

0

通常,最后一个指令否决了前一个指令。尝试将“background:url”作为文件中的第一个。如果这没有帮助,我没有看到纯粹的CSS解决方案。使用JS(查看modernizer库来执行特征检测)。

相关问题