Перезаписать вложенный индекс z

Question

У меня есть наложение, которое должно быть сверху всего. Проблема в том, что наложение находится внутри оболочки содержимого, которая имеет z-index. Это невозможно изменить. У логотипа также есть z-index. Это тоже нельзя изменить.

I've made a Fiddle which shows the issue. Можно ли это сделать с помощью чистого CSS? Моя другая идея - переместить наложение с помощью Javascript, но все CSS в настоящее время также вложены, поэтому мне нужно изменить множество CSS, если я это сделаю.

Answer 1

ли что-то подобное, когда вы click на 'БТН' переключить некоторый класс '.overlay', как этот \

$("button").on("click", function() { 
    $(".overlay").toggle(); 
    $('.content').toggleClass('z-1000'); 
}); 

в вашем CSS:

.content.z-1000{ 
    z-index:1000; 
} 

надеюсь, что это работает для вы. fiddle