Html Css Body Background Image Opacity

Html Css Body Background Image Opacity

In this step we create a div which work as a wrapper for image and text then we use simple markup to display text over imageBut remember one thing we use span in p element because we need to display background color only behind the text not on the whole paragraph this is the most important rule to display text over image with background color always use inline. There is no CSS property like background-opacity that you can use only for changing the opacity or transparency of an elements background without affecting the child elements on the other hand if you will try to use the CSS opacity property it will not only changes the opacity of background but changes the opacity of all the child elements as well. As its known the CSS opacity property makes the whole element semi-transparent.

As its known the CSS opacity property makes the whole element semi-transparent.

There is no CSS property like background-opacity that you can use only for changing the opacity or transparency of an elements background without affecting the child elements on the other hand if you will try to use the CSS opacity property it will not only changes the opacity of background but changes the opacity of all the child elements as well. If you have such difficulty when setting border opacity you are in the right place. There is no property the same as transparency in CSSHowever you can create a transparency effect by using the CSS3 opacity property. There is no CSS property like background-opacity that you can use only for changing the opacity or transparency of an elements background without affecting the child elements on the other hand if you will try to use the CSS opacity property it will not only changes the opacity of background but changes the opacity of all the child elements as well.