colorbox中的關閉圖標分隔符 - jquery colorbox

Question

我正在使用顏色框。但密切的圖標從角落突破。讓我們看看圖像。

看到在角落裏它被打破。 colorbox中的所有圖標都會發生這種情況。

這裏是關閉按鈕css & 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; 

}