3.0.2. Setting semi-transparent background to the modal dialog with CSS
The class that controls the modal background of Telerik RadWindow when Modal is set to true or radalert(), radprompt() or radconfirm() are used. Currently this class uses a semi-transparent image, but this could be easily overridden by a slight modification of the above class and give the Telerik RadWindow a totally new cross-browser Web2.0 looks.
Locate the .RadWModalImage class in Window.css and replace all of its css properties with the ones below:
CSS | |
---|---|
.RadWModalImage { background: black; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: .5; -moz-opacity: .5; } |
The background property specifies the background color, and the three that follow - the opacity rate. The filter property is a Microsoft proprietary one and is part of the DirectX Multimedia Filters and Transitions. You need to modify the opacity value in the brackets - it should be an integer from 0 to 100, 100 being totally opaque.