jquery - 更改名为 fancybox 的 jquery 插件的背景透明度

Question

我正在使用 fancybox 作为图片库。我目前正在尝试设置它，以便图像更改时的背景框是半透明的。我想出了如何为css添加不透明度，但它也使图片半透明。

这就是我改变css的方式：

.fancybox-skin {
    position: relative;
    padding: 0;
    margin: 0;
    /*background: #f9f9f9;*/
    background: #111111;
    opacity:0.6;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

谢谢，

营汤1988

Answer 1

最简单的方法是仅通过设置 alpha 通道背景为 CSS3 浏览器更改它：

background: rgba(17,17,17,0.6); /* equals #111111 at 60% opacity */

并删除你的opacity: 0.6. 该opacity属性导致元素及其所有子元素具有不透明度并且无法从中恢复。