Below is one of the problem but I expected to make the background have an opacity 0.4 and the text to have 100% opacity. Instead they both have an opacity 0.4.
- This solution is different and inconvenient if they didn’t.
- You can use a translucent png for your background image, or use an RGBa (a for alpha) color for your background color.
Example, 50% faded black background:
The following solution is most useful to solve your problem
The following methods can be used to solve your problem
- CSS Aplha Transparency Method (doesn’t work in IE 8)
- Use a Transparent png image according to your choice as background.
Use the following css code snippet to create a cross-browser alpha-transparent background. Here is an example with #000000 @ 0.4% opacity