Semi-transparent background image and non transparent text
what are simple and effective ways to achieve semi-transparent background image and non-transparent text?
Example page with transparent backround image: http://cpanelhosting.cz.cc/ (it has low brightness image, no transparency set)
So far i have found this way to allow making transparent image out of normal image using CSS:
a HTML file:
background-position: top right;
background-color:rgba(255,0,0,0.05); // very soft pink background
So in body i have two DIV blocks.
- First i have one with class "bg" (background) for this one i set in CSS transparency and bg image.
- Second DIV has class "text" and for it i only set font familly
Another way is to edit image in IrfanView or other editor and Adjust colors (Color corrections) to decrease Brightness.