Como ocultar imagens digitais em páginas da Web

Folhas de estilo em cascata podem ajudar você a economizar tempo ao manter páginas no seu site. Imagens digitais, por exemplo, provavelmente aparecem em algumas de suas páginas da Web. Se você precisar impedir que as pessoas vejam essas imagens, você poderá usar CSS para ocultar as imagens alterando uma única palavra no documento HTML. Você pode até mesmo fazer com que as imagens reapareçam instantaneamente fazendo uma rápida atualização no código CSS do seu documento.

1

Abra um documento HTML que contenha pelo menos uma imagem e localize a seção do corpo do documento. As tags de imagem da seção do corpo aparecerão semelhantes às mostradas abaixo:

Uma tag de imagem básica que começa com a palavra "img". A tag neste exemplo faz referência a uma imagem chamada "img / configuração-novo-negócio / 167 / how-hide-digital-images-web-pages-2.jpg".

2

Altere uma das suas tags de imagem para que ele faça referência a uma classe CSS chamada "visibility", conforme mostrado no exemplo a seguir:

Se a tag já tiver uma referência de classe, você precisará alterar a tag de uma maneira um pouco diferente. Suponha que sua tag apareça como mostrado abaixo:

Essa tag de imagem já faz referência a uma classe chamada "myclass". Se sua tag img já fizer referência a uma classe, como esta, acrescente "visibilidade" após o nome da turma, como visto abaixo:

3

Cole o seguinte na seção principal do seu documento:

Isso cria a classe de visibilidade e define seu valor de atributo de exibição como "bloco". Esse valor torna as imagens visíveis.

4

Salve o documento e abra-o em qualquer navegador. Suas imagens aparecerão normalmente.

5

Retorne ao seu editor e localize o código CSS que você adicionou à seção principal do documento. Altere o valor do atributo de exibição de "bloco" para "nenhum" e salve o documento.

6

Volte para o seu navegador e pressione "Ctrl-F5" para limpar o armazenamento temporário. Quando a página for atualizada, suas imagens desaparecerão.

Dicas

  • Adicione uma referência de classe a cada imagem que você gostaria de ocultar. Nomeie sua classe CSS como quiser. Seu nome é "visibilidade" neste exemplo.
  • Torne suas imagens visíveis novamente alterando a palavra "nenhum" para "bloquear".

Publicações Populares