fancybox的上一个和下一个按钮太大 [英] The previous and next button of my fancybox are too big

问题描述

我有一个fancybox，里面有下一个和上一个按钮.但是上一个和下一个按钮区域太大，无法覆盖我在花式框上的文本框.我尝试了

I have a fancybox which have next and previous buttons inside it. But the previous and next button area is too big that it covers my textbox on the fancybox. I have tried some suggestion from here.

#fancybox-left, #fancybox-right {
    width: 0%;
}

但是它不起作用.按钮的区域仍然和以前一样大.似乎是针对fancybox版本1.我现在正在使用fancybox版本2.有什么建议我应该为fancybox 2中的下一个和上一个按钮做css吗?

But it doesnt working. The area for buttons is still as big as before. Seems like it was for fancybox version 1. I am using fancybox version 2 right now. Any suggestion how should I do the css for next and previous button in fancybox 2?

推荐答案

在Fancybox v1.3中有效

this works in Fancybox v1.3

<style type="text/css">
 #fancybox-left,
 #fancybox-right {
  width: 30px; height: 30px; top: 45%
 }

 #fancybox-left:hover span,
 #fancybox-left-ico{
  left: -10px;
 }

 #fancybox-right:hover span,
 #fancybox-right-ico {
  right: -10px;
  left: auto;
 }
</style> 

这篇关于fancybox的上一个和下一个按钮太大的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！