Looking to make a jquery mobile collapsible element transparent.
Attempted the following style, but it did not work:
background-color: rgba(0, 0, 0, 0.6);
Check out the Fiddle
When I try this:
background: #557700;
filter: alpha(opacity=30);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
opacity:0.3;
The entire collapsible div, including any select boxes inside, becomes transparent.
How can I adjust this so that only the background of the collapsible is see-through?
UPDATE
This approach was successful:
$('#my_collapsible').find('div').first().css({ 'background-color': 'rgba(0,0,0,0.5)','color':'white'})
Not sure if this is the best solution, though.