Slik beskytter Web Page Bilder i CSS

Slik beskytter Web Page Bilder i CSS


Du kan ikke hindre Internett-brukere fra å kopiere HTML og web-bilder. Internett-surfere kan bare klikke "Vis kilde" og se HTML-koden. De kan også høyreklikke bilder på nettstedet ditt, og lagre dem til sine harddisker. Du kan gjøre det vanskeligere for besøkende å kopiere bildene dine ved å beskytte dem ved hjelp av gjennomgripende stilark.

Bruksanvisning

1 Åpne websiden HTML-fil med Notepad eller en HTML-editor.

2 Legg til følgende kode i "<body>" -delen av dokumentet.

<Div class = "protectImage"> </ div>

Dette skaper en tom "div" element. Legg merke til "klasse" parameter. Det refererer til en Cascading Style Sheet klasse som heter "protectImage."

3 Legg til følgende kode i "<head>" -delen av dokumentet:

<Style type = "text / css">

.protectImage {background-image: url (abc.gif);

background-repeat: no-repeat;

width: 400px;

height: 400px;

margin: 1 3 4 4;

</ Style>

Dette skaper "protectImage" -klassen. Erstatt "abc.gif" med navnet på en bildefil på harddisken. Den "margin" eiendom komplekser bildets topp, venstre, bunn og høyre marg. I dette eksemplet, er de en, to, tre og fire. Endre disse verdiene til noe som du liker. Større tall vil legge mer plass rundt bildet. "Bredde" og "høyde" egenskaper satt bildets dimensjoner. Juster de til å passe tilsvarer dimensjonene på bildet. Verdiene er i piksler.

4 Lagre HTML-fil og åpne den i nettleseren din.

5 Høyreklikk på bildet. Du vil ikke se et alternativ for å lagre det.

Hint

  • Fjern "margin" eiendom hvis du ikke ønsker å sette et bilde marginer. Fjern "width" og "høyde" egenskaper hvis du vil at bildestørrelsen til standard til sine normale dimensjoner.