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

我试过这个并且它起作用了，所以我想我自己只是设置没有重新定位并定位图片。

这个工作，但看起来很笨拙...... :(

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

Answer 1

background-image CSS属性只应用于定义所用图像的网址。

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;

不做重复时，CSS背景不显示

2 个答案: