在滑块中创建半透明文本背景

我正在使用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正在删除和替换这些内联样式。需要放在样式标记或样式表中。 –

在滑块中创建半透明文本背景

回答

相关问题