css sprited image checking

[gerfred]

Hi,

have you any idea on how checking a sprite image (from CSS) ?

I would like to check if the good part of the sprite is visible.

The html code is like :

Code:

<td class="gridCell " tabindex="-1" headers="th-dependencies_grid_dependencyStatus">
<span>
<span class="xxxGridIcon xxxGridValid"> </span>
</span>
</td>

The css code is like:

Code:

.xxxGridIcon {
    background-image: url("images/xxx/xxxGrid.png");
    background-repeat: no-repeat;
    height: 16px;
    text-align: center !important;
    width: 16px;
}
.xxxGridValid {
    background-position: 0 center;
}

Attachment : the sprite image

Regards