Question

我确实下载了fancybox，我试图更改关闭按钮的颜色。

我确实尝试了没有任何结果：

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
  color : #ff0033 !important; //color added
}

任何提示都将受到赞赏。

Answer 1

这是一个缓存问题。要解决此问题，请尝试在图片网址中添加?version=2。

用法：

background: transparent url('image.png?version=2') -40px 0px

Answer 2

您可以安装firebug firefox附加组件并右键单击关闭按钮 - ＆gt;用萤火虫检查恭维。然后你可以找到css名称。

您可以编辑jquery.fancybox.x.x.x.css

或者您可以将以下代码添加到您的网页css。

.fancybox-close {
 background: none !important; //This will disappear close button image
 position: absolute !important;
 top: -18px !important;
 right: -18px !important;
 width: 36px !important;
 height: 36px !important;
 cursor: pointer !important;
 z-index: 8040 !important;
 color : #ff0033 !important; //color added
}

Answer 3

如前所述，fancybox默认使用图像。这个＆＃39; http://fancybox.net/js/fancybox-1.3.4/fancy_close.png＆＃39;

您可以在jquery-fancybox-x.x.x.css文件中找到它（其中x是版本），元素名为 #fancybox-close

fancybox - 更改关闭按钮颜色

3 个答案: