Erstellen Sie einen halbtransparenten Texthintergrund in Slider

Question

Ich benutze Revolution Slider für ein Website-Projekt. Ich habe Hintergrundbilder mit Text vor dem Bild. Ich möchte einen dunklen halbtransparenten Hintergrund für Text mit der Farbe Weiß erstellen, damit der Text auf den Bildern besser hervortritt.

Ich habe versucht, die folgenden:

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

Es sieht gut aus auf meinem Laptop. Genau so, wie ich es will. Allerdings, wenn auf meinem Android-Smartphone angezeigt, erstreckt sich der Hintergrund nur über die Hälfte der Länge des Textes .... ein Teil davon hat einen Hintergrund, der Rest nicht. Hier

ist ein Link zur Seite: http://rossini.us/kuecker.com/

Answer 1

Dieses besondere Element hat eine max-height Eigenschaft, die als Inline-CSS, über JavaScript hinzugefügt wird, wie die Seite passt die Größe. Dies verhindert, dass der Hintergrund die Textgröße erreicht. Ich bin nicht sicher, was JS die Eigenschaft hinzufügt, aber Sie konnten es mit max-height: none !important; überschreiben.