將不透明度應用於隱藏溢出

有沒有辦法將不透明度應用於CSS中的隱藏溢出？我有一個div，必須使用overflow: hidden屬性，但我想將不透明度應用於隱藏的元素。將不透明度應用於隱藏溢出

這裏是什麼，我想實現一個基本的例子：

.slick-list:after { 
    content: ''; 
    display: block; 
    background: red; 
    opacity: 0.5; 
}

的光滑插件使用了一個名爲.slick-list那類負責從主容器隱藏滑塊類。作爲設計要求的一部分，我需要使用不透明屬性來顯示隱藏的幻燈片。那可能嗎？我認爲，如果我將不透明屬性應用於::after元素，它會起作用，但顯然不會產生任何效果。

2016-05-13 brunodd

你有測試此：.slick滑[詠歎調隱藏= 「真」] { 不透明度：0.5; } –

隱藏的東西是不可見的，所以如果您對它們應用不透明度，它們將保持隱藏狀態。如果有的話，它們將變得更隱形，因爲它們將是透明的以及隱藏的。所以這不是解決方案。順便說一句，在小提琴中你並沒有很清楚你想要達到什麼。 –

@MrLister對不起，如果不是很清楚。請檢查這個版本：http://jsfiddle.net/5eceg5yd/77/它顯示所有的元素，但水平滾動。這是我想要做的，但沒有水平滾動。 – brunodd

我已經找到解決類似的問題。基本上增加一個全寬div到身體和添加旋轉木馬裏面的工作真的很好。

.container { 
    padding: 0; 
    overflow: hidden; 
} 

.slick-list { 
    overflow: visible; 
}

2016-05-13 10:10:24 brunodd

號不能對隱藏要素使用opacity，他們可以不可見如此overflow必須爲了實現你的願望被設置爲visible。

2016-05-13 09:34:08

是的，我已經做到了。但不幸的是它顯示水平滾動。 http://jsfiddle.net/5eceg5yd/77/ – brunodd

水平滑塊是在JS小提琴，因爲它超過了其輸出區域的寬度 –

隱藏的對象不能有透明度，因爲它是不可見的，你應該設置你的overflow到visible或任何舒適的選擇和運用不透明

2016-05-13 09:59:17

回答