如何爲Fotorama插件中的圖像設置背景顏色？

Fotorama jQuery plugin 如何爲Fotorama插件中的圖像設置背景顏色？

在這個插件中，我使用透明的PNG圖像。我需要爲圖像設置背景顏色。我試圖設置風格，但它沒有奏效。

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

來源

2014-02-18 Ilya Vo

嘗試在容器上設置樣式div，如果只有一種顏色存在問題...或者更好地檢查創建的元素，並找到一個持有圖像... fotorama創建html – sinisake

我設置樣式div。通過這種方式，所有滑塊都具有帶縮略圖的背景顏色。我在瀏覽器中看到了頁面源代碼，但是我看不到原始的html fotorama。它仍然是一個div類與類fotorama –

你應該使用一些開發工具 - 用JavaScript創建的HTML在頁面源中不可見，因爲它是稍後添加的...將現在檢查它... – sinisake

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

找到這個班的CSS，並添加您的BG-配色法則......順便說一句，你可以使用開發者工具在火狐，Chrome，IE瀏覽器...（F12將打開它），並檢查元件（一個或多個）。這樣，您可以輕鬆地檢查/調試html/css/js ...注意：這是最新版本的fotorama的解決方案，不確定類名稱在以前版本中是否相同...

來源

2014-02-18 12:45:41 sinisake

如何爲Fotorama插件中的圖像設置背景顏色？

回答

相關問題