Firefox無法識別背景大小：使用Cycle2滑塊注入Cover

因此，我使用的是Cycle2 Slider，並且似乎滑塊以注入糟糕的內聯樣式而臭名昭着。Firefox無法識別背景大小：使用Cycle2滑塊注入Cover

爲了解決這個問題我已經加入內嵌樣式重要：

<!-- BEGIN .item --> 
    <div id="fullBanner" class="item contain" 
     style="background-image: url('{{ 'slider-item-4.jpg' | asset_url }}'); 
     background-size: contain !important;"> 

    <!-- END .item --> 
    </div>

這些樣式覆蓋背景大小的主要規則

.main-slider .item { height: 450px; width: 100%; background-position: top center; 
background-repeat: no-repeat; background-size: cover;}

我用蓋前兩個幻燈片，並希望使用第三個包含。我也嘗試添加另一個類，名爲包含背景大小：包含！重要但沒有運氣..

您可以在第三張幻燈片（父親節圖片）上看到滑塊生活http://CirrusFitness.com。當我在Chrome，Safari和IE中調整瀏覽器大小時，圖像遵循包含規則，但不在Firefox中調整大小時...

它看起來既不是來自初始規則的封面，也不是來自內聯樣式的包含正在起作用。

有什麼建議嗎？

來源

2015-06-10 Alan

還嘗試添加background-attachment：如其他線程中討論的 – Alan

注意：如果此屬性的值未在背景速記屬性中設置，該屬性應用於background-size CSS屬性後的元素，則值此屬性然後通過速記屬性重置爲其初始值。 – Alan

添加了第二類item1，其中的確切規則爲item，但帶有background-size：contains和wala！

來源

2015-06-10 16:12:28 Alan

Firefox無法識別背景大小：使用Cycle2滑塊注入Cover

回答

相關問題