Css 背景图像悬停在Colorbox模式下不工作

Css 背景图像悬停在Colorbox模式下不工作,css,hover,modal-dialog,background-image,colorbox,Css,Hover,Modal Dialog,Background Image,Colorbox,我正在尝试重新设计这个lightbox插件(),但是我的上一个和下一个按钮上的悬停无法处理我想要的其他图像。我在这上面花了好几个小时,运气不太好。代码如下: /* This is the image placed behind the previous and next buttons */ #cboxTopLeft{ width: 248px; height: 91px; background: url(images/projectnavbg.png) 0 0 no-repeat; margi

我正在尝试重新设计这个lightbox插件(),但是我的上一个和下一个按钮上的悬停无法处理我想要的其他图像。我在这上面花了好几个小时,运气不太好。代码如下:

/* This is the image placed behind the previous and next buttons */
#cboxTopLeft{
width: 248px;
height: 91px;
background: url(images/projectnavbg.png) 0 0 no-repeat;
margin: 30px 20px -120px;
position: relative;
z-index: 1;
}

/* These are the buttons */
#cboxPrevious, #cboxNext {
border:0; 
padding:0; 
margin:0; 
overflow:visible; 
position:absolute;
text-indent:-9999px; 
z-index:1; 
width: 111px; 
height: 21px; 
bottom:375px;
}

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
outline:0;
}

#cboxPrevious{
left:30px; 
background: url(images/prevnextbtns.png) 0 0 no-repeat;
}

#cboxPrevious:hover{
background-position: 0px -25px;
}

#cboxNext{
left: 145px; 
background: url(images/prevnextbtns.png) 0 0 no-repeat; 
background-position: -115px 0px;
}

#cboxNext:hover{
left: 145px; 
background-position: -115px -25px;
}

你也可以发布你的HTML吗?该插件使用
images/controls.png
中的背景图像,如果你想重新设置它的样式,只需更改图像即可。