Overlay Stable

A container overlaying the page to place the focus on this popped-up content. The rest of the visible interface below is darkened by a fog.

Open overlay

<div id="overlay" class="overlay js-overlay " role="dialog" aria-modal="true"
  aria-hidden="true" data-linked="#overlay">
  <div class="overlay__container">
    <button type="button" class="button button--control icon-close overlay__close" data-dismiss="overlay">
    </button>
    <div class="overlay__body">
      <img src="/ui-marcom/version/2.4/assets/img/brandville/CT_Somatom_go.Up_42238_IMAGE_Reflection.jpg" />
    </div>
  </div>
</div>