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

Question

我正在将革命滑块用于网站项目。我的背景图像在图像前面带有文字。我想创建一个带有颜色白色的深色半透明背景，以使文本在图像上更加突出。

我尝试了以下内容：

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/

Answer 1

此特定元素具有 max-height属性，该属性通过JavaScript添加为内联CSS，随着页面的重大大小。这阻止了背景达到文本大小。我不确定JS正在添加该属性，但是您可以用max-height: none !important;覆盖它。