What is it called when you have the following

Mitzie Mathis
Mitzie Mathis used Ask the Experts™
on
What's it called when you have you have a background picture with a transparant color with text on top? Similar to the top of this site? https://charlottediscountproperties.com/charlotte-off-market-deals
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
A background image except in this case they have used a positioned div with an <img> in it buried deep inside a typical WordPress nested tag hell.
<div class="element-background-image design-element-background-image state-displayed image-box-new optimize-speed state-image-loaded">
   <div class="image-box-image-wrapper horizontal-left vertical-center stretchedToFill non-tile-layout use-image-element" style="width: 1583px; height: 631px;">
      <img class="image-box-image-new" src="/x/cdn/?https://storage.googleapis.com/wzukusers/user-33406161/images/5c7068fcd271b7131TVP/download-1.jpg" style="width: 1583px; height: 1535px; margin-top: -452px; margin-left: 0px;" width="1583" height="1535">
   </div>
</div>

Open in new window

CSS
.element-background-image, .element-background-layer, .element-background-target-explorer, .element-overlay-layer {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	ms-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	filter: inherit;
}

Open in new window

Author

Commented:
Is there a name for it?
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
Not specifically - it is just a background image.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial