Fotorama透明背景

Question

我正在使用Fotorama滑块插件，您可以在全屏上打开图像。我需要背景透明，但我似乎改变不了它。

您可以通过单击此链接并在全屏幕的小滑块中打开其中一个图像来理解我的意思。

我尝试将滑块中的所有背景更改为：

background: rgba{0,0,0,0);

Answer 1

--有可能是--我用以下代码自己解决了这个问题：

.fullscreen .fotorama--fullscreen {
    background: transparent !important;
}

.fullscreen .fotorama__wrap {
    background: rgba(0,0,0,0.7) !important;
}

.fullscreen .fotorama__img {
    top: 0px !important;
    width: 50% !important;
    height: auto !important;
    margin: auto !important;
    left: 0px !important;
}

Answer 2

是关于代码的这一部分：

.fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage {
    background: #000;
}

但是你不能把它设置成透明的，你可以把它设置成白色。或者您可以添加一个特定的图像代替。

编辑

您不能将其设置为透明，因为您进入了全屏模式，默认情况下，背景设置为黑色。你可以根据你想要的任何颜色来改变这个颜色，但是你永远不会看到你的网站的内容背后的方式。

请看这篇文章：

使用HTML5进入全屏时，背景/元素变黑