2010-04-30 61 views
5

因此,Firefox支持渐变背景。还支持多个背景图像。那么为什么这不起作用?-moz-linear-gradient与PNG背景顶部

background:-moz-linear-gradient(top, #5989bd,#336296), url(Active-Arrow.png) right center no-repeat; 

也试过:

background-color:-moz-linear-gradient(top, #5989bd,#336296); 
background:url(Active-Arrow.png) right center no-repeat;  

可以这样做?

+0

尝试第一种方式,但作为背景图像vs只是背景 – meandmycode 2010-04-30 06:32:09

回答

7

您必须包含背景图片之前的线性渐变。例如:

background: url("http://127.0.0.1/css/bg.png") no-repeat, 
-moz-linear-gradient(top left, rgb(0,255,0), rgb(255,0,0));