Either use a semi-transparent PNG or SVG image or use CSS:
background-color: rgba(255, 0, 0, 0.5);
Here’s an article from css3.info, Opacity, RGBA and compromise (2007-06-03).
<p style="background-color: rgba(255, 0, 0, 0.5);">
<span>Hello, World!</span>
</p>
More Related Contents:
- How to make blinking/flashing text with CSS 3
- How to change text transparency in HTML/CSS?
- CSS Background Opacity [duplicate]
- How to make in CSS an overlay over an image?
- How to apply an opacity without affecting a child element with html/css?
- How to darken a background using CSS?
- Making text background transparent but not text itself
- How do I reduce the opacity of an element’s background using CSS?
- elements are not centered aligned inside the wrapper and when I set the width of the wrapper it goes out of the browser width..any solution?
- How can I center text (horizontally and vertically) inside a div block?
- Why not use tables for layout in HTML? [closed]
- How do I auto-resize an image to fit a ‘div’ container?
- How can I position my div at the bottom of its container?
- Can I create a div with a Curved bottom?
- How to make a HTML Page in A4 paper size page(s)?
- Keep the middle item centered when side items have different widths
- Are you allowed to nest a link inside of a link?
- Hide vertical scrollbar in element
- How to make Scrollable Table with fixed headers using CSS [duplicate]
- Why is the parent div height zero when it has floated children
- Can a dynamic class be styled using CSS? [duplicate]
- CSS filter:invert not working with background-color
- Empty vertical space between columns in Bootstrap 4
- Select second last element with css
- Css transition from display none to display block, navigation with subnav [duplicate]
- Apply CSS Style on all elements except with a SPECIFIC ID
- Is there a way to get a textarea to stretch to fit its content without using PHP or JavaScript?
- Select option padding not working in chrome
- How to make bootstrap carousel image responsive?
- Background-Color of BODY tag applied to the whole HTML [duplicate]