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

Question

有没有办法将不透明度应用于CSS中的隐藏溢出？我有一个必须使用overflow: hidden属性的div，但我想对隐藏元素应用不透明度。

以下是我想要实现的基本示例：

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

光滑的插件使用一个名为.slick-list的类。该类负责从主容器中隐藏滑块。作为设计要求的一部分，我需要使用opacity属性显示隐藏的幻灯片。那可能吗？我认为如果我将opacity属性应用于::after元素，它会起作用，但显然没有任何效果。

Check my jsFiddle

Answer 1

没有。您无法对隐藏元素使用opacity，因此无法将其显示为overflow，因此必须将visible设置为dsm($form_state['values']);才能实现您的目标。

Answer 2

隐藏的对象不能具有不透明度，因为它不可见，您应该将overflow设置为visible或任何舒适的选项并应用不透明度

Answer 3

我找到了解决方法。基本上将全宽div添加到主体并在该div中添加旋转木马工作得非常好。

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

.slick-list {
  overflow: visible;
}

<强> Solution