fancybox

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

您可以安装 firebug firefox 附加组件并右键单击关闭按钮 --> Inspect Eliment with Firebug。然后就可以找到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 2

如前所述，fancybox默认使用图片。这个'http://fancybox.net/js/fancybox-1.3.4/fancy_close.png'

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

Answer 3

这是缓存问题。为了解决这个问题，尝试在图像 URL.

中添加 ?version=2

用法：

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

fancybox - 改变关闭按钮的颜色

fancybox - changing close button color

javascript

css