CSS - 背景颜色，图像/视频滑块

2015-12-30 57 views 0 likes

我想背景颜色添加到位于http://192.241.239.235整体形象滑块，它看起来像CSS - 背景颜色，图像/视频滑块

。

我曾尝试加入style属性

background-color: rgba(0,0,0,0.6); 
overflow: auto;

到

<div id='content'>

但背景颜色只是不显示。

来源

2015-12-30 Haseeb Javed

您需要隐藏横幅滑块，“不透明度”似乎对我有用。 –

@AdamAzad你能详细说明一下吗？ –

回答

您的幻灯片上已有覆盖图，您可以在此更改：.tp-banner ul li:after。我发现你需要给它一个更高的'z-index'，使它在幻灯片中出现在视频上方。

/* The fullscreen video */ 
.tp-caption.fullscreenvideo { 
    z-index: 0; 
} 

/* The covering black */ 
.tp-banner ul li:after { 
    background: rgba(0,0,0,.6); 
    z-index: 1; 
} 

/* All slideshow content */ 
.tp-caption { 
    z-index: 2; 
}

来源

2015-12-30 11:25:19

我按照您的建议尝试过，背景色已应用，但其上的文字也变成了灰色，而不是白色，如上图所示。你可以检查更新的应用程序[here]（http://www.veebox.io） –

我更新了一些注释的代码。 '.tp-caption'既是幻灯片中的内容，也是视频，所以我只是把它放在最后面。 –

CSS - 背景颜色，图像/视频滑块

回答

相关问题