Css 背景图像悬停在Colorbox模式下不工作
我正在尝试重新设计这个lightbox插件(),但是我的上一个和下一个按钮上的悬停无法处理我想要的其他图像。我在这上面花了好几个小时,运气不太好。代码如下: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
/* 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
中的背景图像,如果你想重新设置它的样式,只需更改图像即可。