将不透明度应用于隐藏溢出

有没有办法将不透明度应用于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

回答