6.2.3 #permalink Background image

Toggle example guides Toggle HTML markup

Put an image in the element's background. Use with gg.img.loadBg.

Example
Then you can put some text over your image! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Learn More
Markup
<div class="grid-6 layout_center">
  <div class="img-bg layout_centerVertical js-map">
    <span>Then you can put some text over your image! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</span>
    <br/><br/>
    <a class="btn btn_ggPrimary2" href="/aboutus">Learn More</a>
  </div>
</div>
<script type="text/javascript">
  deferred.push(["gg.img.loadBg","js-map","/img/maps/pixel_map","png"]);
</script>
Source: modules/06_images/image.less, line 89