Jak zablokować kopiowanie tła w CSS3 ?

Październik 26, 2012
Jakub
1 Gwiazdka2 Gwiazdki3 Gwiazdki4 Gwiazdki5 Gwiazdek (1 głosów, średnia: 5,00 z 5)
Loading...

Powszechnie wiadomo, że każdy obrazek, zdjęcie w tle umieszczone w internecie da się skopiować i zapisać na dysku. Większość osób często korzysta z tego przywileju jakim jest Zapisz obrazek tła. Jeśli grafika umieszczona przez nas na stronie jest cenna i chcemy uniemozliwić jej kradzież musimy skorzystać z właściwości CSS’a.
Aby zablokować tło na naszej stronie należy skorzystać z pseudoklasy : before., pozycji absolute i z-index.

[cc lang=”css”] body{
position: relative;
background-color: transparent;
}
.withOverflowingBackground::before {
content: ” “;
position: absolute;
width: 500px;
height: 400px;
z-index: -1;
background-image: url(przykladowe_tlo.jpg);
} [/cc]

Kod html warstwy, w której uniemożliwiamy kopiowanie tła.

[cc lang=”html”]
[/cc]
Udostępnij

Brak komentarzy

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Wprowadź kod CAPCHA * Time limit is exhausted. Please reload the CAPTCHA.

Facebook

Więcej w internet
Strona internetowa dla firmy to podstawa marketingu

Obecnie internet dołączył do grona największych mediów przekazu informacji. Ogromną jego zaletą jest łatwość dostępu...

Zamknij