CSS - 背景顏色，圖像/視頻滑塊

我想背景顏色添加到位於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 - 背景顏色，圖像/視頻滑塊

回答

相關問題