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.

body{
 position: relative;
 background-color: transparent;
 }
 .withOverflowingBackground::before {
 content: " ";
 position: absolute;
 width: 500px;
 height: 400px;
 z-index: -1;
 background-image: url(przykladowe_tlo.jpg);
 }

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

Udostępnij
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