| Opacity | [Feb. 11th, 2005|01:06 pm] |
An InsaneJournal user who uses a background image often wants his or her content tables transparent so only the background image will display, or a semi-transparent color for the same areas. Only of or the other of the following overrides can be used at a time.
The following override can be used to achieve transparency under Punquin Elegant, Generator, Default, Tabular Indent, and Refried Paper.
GLOBAL_HEAD<=
<style type="text/css">
<!--
table, tr, td, .shadowed {
background: transparent;
}
-->
</style>
<=GLOBAL_HEAD
The following override can be used to achieve a semi-transparent background:
GLOBAL_HEAD<=
<style type="text/css">
<!--
table, tr, td, .shadowed {
filter: alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity:80;
}
-->
</style>
<=GLOBAL_HEAD
In the above example, the opacity is set to 80, but can be changed to any number you prefer. Setting the opacity to 100, or 1.0 will make the background completely opaque. If you want your background to be solid, do not use any override at all.
Using these overrides will change the opacity of the entire table, including the text within it so you will need to choose an opacity level that still allows the text to be visible. |
|