文章/答案/技术大牛

发布

社区首页 >问答首页 >更改名为fancybox的jquery插件的背景透明度

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

Stack Overflow用户

提问于 2012-06-01 08:58:22

回答 1查看 1.7K关注 0票数 0

我正在使用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;
}

谢谢,

CampSoup1988

fancybox

transparency

jquery

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-06-01 09:20:16

最简单的方法是只在CSS3浏览器中通过设置alpha通道背景进行更改：

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

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10843152

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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