Передний план без функций блокировки

Question

У меня есть нормальный сайт с картинками. Когда я наводил курсор мыши на картинки, воспроизводится короткий звук. Теперь я хочу вставить большую черную точку в качестве изображения переднего плана. И эта точка закроет несколько картинок. Теперь с этим я все еще хочу использовать функцию зависания, даже если изображения закрыты (он все равно должен определять, зависает ли изображение мышью, даже если они закрыты). Это должно имитировать (в некотором смысле) нарушение зрения.

это выглядит так, и размер точек изменится, если я перейду на другую страницу: https://imgur.com/U6X4dcp

1. Как мне вставить картинку (переднего плана), которая покрывает всю страницу?
2. Как я могу использовать функцию наведения, даже если картинки закрыты?

Answer 1

Вы должны сделать изображение переднего плана дочерним по отношению к элементу, на который нужно навести курсор:

#element:hover #foregroundpicture{
   display:fixed; 
   width:100%; 
   top:0; 
   left:0
}