css - 不重复时CSS背景不显示

Question

我写了下面的css样式，它不起作用……而且我一无所知，为什么？！

td.PostiveNumber
{
color:Green;
background-image:url(images/1354052077_arrow_large_up.png) no-repeat left !important;
text-align:right;
z-index:100;
}

我试过这个并且它奏效了，所以我心想这只是设置 no-repeat 和定位图片。

这可行，但看起来很笨拙...... :(

{
color:Green;
background-image:url(images/1354052077_arrow_large_up.png);
text-align:right;
z-index:100;
}

Answer 1

background-imageCSS 属性只能用于定义所用图像的 url 。

no-repeat属于background-repeat财产，left对应于background-position. background将所有这些分组，因此：

更改background-image:为background:，或将其拆分：

background-image:url(images/1354052077_arrow_large_up.png);
background-repeat: no-repeat;
background-position: left;

Answer 2

你有两种方法：

一 ：

background-image:url(images/1354052077_arrow_large_up.png) no-repeat left !important;

改成 ：

background:url(images/1354052077_arrow_large_up.png) no-repeat left !important;

或者

使用这种方式：

    background-image:url(images/1354052077_arrow_large_up.png) ;
    background-repeat:no-repeat ;
    background-position: left;