伪类鼠标停留怎么改变方格子的背景

hover时改变background属性。
如果出不来可能是url地址问题。你可以先试试background:red。如果生效说明样式写法没问题。没生效就是写法都有问题了

.test{
            width: 284px;
            height: 20px;
            background: url(img/transcriptIconTop.png);
        }
        .test:hover{
            background: url(img/transcriptIconDon.png);;
        }
<div class="test"></div>