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

时间:2016-12-06 22:03:02

标签: php android html css

我正在使用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/

1 个答案:

答案 0 :(得分:0)

此特定元素具有max-height属性,可在页面调整大小时通过JavaScript添加为内联CSS。这会阻止背景达到文本大小。我不确定JS添加属性是什么,但您可以使用max-height: none !important;覆盖它。