JavaScript怎么设置背景图片不重复

Question

我做一个网页，在一个td里面加了一张背景图片，这张图片我把它设置成不重复的了，当条件成立时再调用JS函数改变这张背景图片，但是调用js改变的背景图片却是垂直和水平都是重复的，无论我怎么试，都得不到解决，哪位高手给小弟解决一下。不尽感激啊
谢谢SLL324的回答！鼠标移进移出变换背景图片的功能我已经实现，我的问题是加上去的背景图片是重复的，我希望只显示一张背景图片。我试过，分别在td里面和css里面设置背景图片不重复，但无效，当调用js改变背景图片后，改变后的背景图片又成为重复的了，怎么解决？

Answer 1

function kd(obj){
obj.className="t3";
}

function kout(obj){
obj.className="t2";
}

<style>

.t2{
border:1px solid #CCC;
width:80px;
height:40px;
text-align:center;
color:white;
font-size:14px;
font-weight:bold;
background:url(cmp/jpbg1.jpg);
}

.t3{
border:1px solid #CCC;
width:80px;
height:40px;
text-align:center;
color:white;
font-size:14px
font-weight:bold;
background:url(cmp/jpbg3.jpg)
}

</style>

<td class="t2" onmouseover="kd(this);" onmouseout="kout(this);">4</td>

这个是当鼠标移动到上面显示背景图片为 jpbg1.jpg 移开显示jpbg3.jpg 图片你自己改个，效果是可以实现的

Answer 2

no-repeat