在滑塊中創建半透明文本背景

我正在使用Revolution Slider進行網站項目。我在圖像前面有背景圖像。我想爲顏色爲白色的文字創建一個黑暗的半透明背景，以便文字在圖像上更加突出。在滑塊中創建半透明文本背景

我曾嘗試以下：

z-index: 15; 
min-width: 448px; 
max-width: 448px; 
white-space: normal; 
color: #ffffff; 
background-color:rgba(0, 0, 0, 0.8); 
padding: 12px;

它看起來很棒我的筆記本電腦。完全是我想要的方式。但是，在我的Android智能手機上查看時，背景僅佔文本長度的1/2左右......部分背景具有背景，其餘部分不具備背景。

這裏是一個網頁的鏈接：http://rossini.us/kuecker.com/

來源

2016-12-06 Furtig

你能格式化你的代碼嗎？ –

這種特殊的元素具有添加方式內嵌CSS，通過JavaScript，作爲頁面並調整其大小max-height屬性。這是防止背景達到文字大小。我不確定JS會添加什麼屬性，但是您可以用max-height: none !important;覆蓋它。

來源

2016-12-06 22:12:00

謝謝。這是我嘗試過的： style =「z-index：15; min-width：448px; max-width：448px; max-height：none！important; white-space：normal; color：#ffffff; background-顏色：rgba（0,0,0,0.8）;填充：12px;「> KLG在我們的10個配送中心中發揮了至關重要的作用。他們所需要的任何態度，具有競爭力的價格&創造力就是爲什麼我們一直與他們做生意「工程經理 - 主要零售商而且，我仍然只有1/2的文字背景的問題 – Furtig

JavaScript正在刪除和替換這些內聯樣式。需要放在樣式標記或樣式表中。 –

在滑塊中創建半透明文本背景

回答

相關問題