关闭图标在colorbox中断 - Jquery colorbox

Question

我正在使用彩盒。但是关闭的图标突破了角落。让我们看看图片。

在拐角处看到它被打破了。彩盒内的所有图标都会发生这种情况。

这是关闭按钮css＆amp;用firebug看到的HTML。

<button id="cboxClose">close</button>

#cboxClose {
    background: url("../img/colorbox/controls.png") no-repeat scroll -25px 0 rgba(0, 0, 0, 0);
    height: 25px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 25px;
}

controls.png文件就像这样

如何在按钮中间准确制作圆形或将此图标更改为更漂亮的图标？

Answer 1

cboxClose {

background: url("../img/colorbox/controls.png") no-repeat scroll -27px -2px rgba(0, 0, 0, 0);
height: 25px;
position: absolute;
right: 0;
text-indent: -9999px;
top: 0;
width: 25px;

}