如何在Fotorama插件中设置图像的背景颜色？

Question

Fotorama jQuery plugin

在这个插件中，我使用透明的PNG图像。我需要为图像设置背景颜色。 我尝试设置样式，但它没有用。

 <div class="fotorama">
 <img style="background-color: #ffff00" src="/slider/image1.png">
 <img style="background-color: #ffff00" src="/slider/image1.png">
 </div>

Answer 1

.fotorama__wrap--slide .fotorama__stage__frame {
    opacity: 1 !important;
    background-color: #FF0;
}

在CSS中找到这个类，并添加你的bg颜色规则...顺便说一下，你可以在firefox，chrome中使用开发者工具，即...（F12将打开它）并检查元素。这样，您可以轻松地检查/调试html / css / js ...注意：这是最新版本的fotorama的解决方案，不确定以前的版本中的类名是否相同......