Is there a way to create a 'div' element in an HTML document and adjust the background transparency using CSS or Javascript/JQuery in order to achieve a look similar to Simple Calendar Widget or Glass Widgets from Android? I have tried using the CSS Opacity function, but it affects all the text as well. Creating a second 'div' and adjusting its transparency requires manual resizing, which is not ideal for me.
I hope someone knows of a solution to this issue. I apologize if there is an easy fix that I am overlooking and appreciate your help with this problem.