А вот и крупный фейл подвезли.
Верстаю сайт для дипломной работы одного режиссера. Весь макет это рисованная картина с подсвеченными мерцанием элементами. Каждый элемент при клике на него вызывает всплывающее окно. В каких-то всплывающих окнах текст, в каких-то аудио или видео. Всё было хорошо, пока я верстал структуру без наполнения, так называемую "рыбу". Текст лег как влитой, но как только я добавил реальные видео и аудио начался форменный ужс. Окно всплывает, ты жмешь на кнопку проигрывания видео, оно включается, вроде всё в порядке. Но при закрытии всплывающего окна видео не прекращает проигрываться. Ааааа!
Когда я стал разбираться, где же я допустил промашку, то я понял, что ответ очевиден. Всплывающие окна на чистом CSS, такая реализация не создает окно в прямом смысле, она прячет его за пределами экрана, чтобы оно в нужный момент выскочило подобно хищному зверю. Проблема в следующем: при закрытии окно никуда не исчезает. Оно вновь прячется в своей засаде. Продолжая проигрывать видео.
Семь раз отрежь, один раз отмерь.)