Javascript luzes apagadas (manipulação css), como no YouTube

Question

Como faço para usar javascript para black out todos os conteúdos, exceto um único elemento html?

Este é aplicativo específico do Chrome assim CSS3 pode ser usado.

Answer 1

Use um <div> com position: fixed; que cobre a página, com algo como background-color: rgba(0, 0, 0, .5);, em seguida, basta colocar o elemento que deseja mostrar em cima disso.

Answer 2

Você pode iterar através de todos os elementos de um documento e definir a cor de fundo para preto, exceto aquele com um certo ID.

Você não precisa de CSS3 para tudo isso.