z-index: 100 for overlay – why?

[ad_1]

I recently realized that the default style for the overlay contains the following rule (along with others):

.embed-privacy-overlay {
  z-index: 100;
}

However – this causes the embed block to stick above pull down menus on my website. As a workaround I added the following rule in my theme CSS to fix that:

.embed-privacy-overlay {
  z-index: inherit !important;
}

But I wonder what was the original reason the z-index? So far I don’t see any issue with a default z-index. Embedding YouTube, Vimeo and Twitter work fine without any issues.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer