I try to change a background image opacity, so I can display a panel over it. But no matter what I tried yet in CSS, nothing works !
Does anyone ever achieved this ? If so, could you please help me ?
Here's a sample code I'm working with for testing purpose :
The problem is that the opacity of all children on the panel is affected. That's what I want to avoid. Even with the opacity back to 1.0 in child elements, it doesn't work. Any idea would be helpful.
"background-color: transparent !important;",
'<h1 style="color: #FFFFFF; opacity: 1.0 !important">Welcome to Sencha Touch</h1>',
"<p style='color: #FFFFFF;'>You're creating the Getting Started app. This demonstrates how ",
"to use tabs, lists and forms to create a simple app</p>",
'<h2 style="color: #FFFFFF;">Sencha Touch (2.0.0)</h2>'