Verstecken eines Bildes hinter einem transparentem GIF-Bild als Kopierschutz

html.de-Forum HTML, XHTML & CSS
1

Hallo zusammen,

ich möchte ein Bild vor dem Kopieren schützen und habe die Anleitungen in diesem Forum versucht umzusetzen, leider mit negativem Ergebnis. Folgendes Script habe ich hochgeladen:
[HTML]

[/HTML] Das zugehörige CSS-Script lautet: [HTML] #text_container4 { position:fixed; top:45%; left:35%; height:80%; width:30%; background-image: url('http://website.de/muster.png'); } [/HTML] Das Ergebnis sieht dann so aus, dass zwar der Rahmen des transparenten Bildes sichtbar ist, aber dahinter nur der grüne Hintergrund der Gesamt-Webseite (Das Bild liegt im Hauptverzeichnis auf dem Server). Warum erscheint das Hintergrundbild nicht? Was mach ich schon wieder falsch außer meiner Dummheit?

Im voraus vielen Dank!

2

Das Bild wird auch geladen? Also ist über genau diesen Pfad zu erreichen? Einfach mal im Browser eingeben und prüfen.

Denn einen Fehler kann ich nicht erkennen.

Alles ist berechenbar / Everything is calculable

3

Ja das Hintergrundbild wird geladen, wenn ich es als ganz normales Bild in die Website einfüge.

4

Wie groß ist das Bild?

Alles ist berechenbar / Everything is calculable

5

497 x 721 Pixel

6

Also ausreichend groß, kannst du es irgendwo hochladen, damit wir es uns mal anschauen können?

Wie sieht es mit dem z-index aus?

Alles ist berechenbar / Everything is calculable

7

Also das Hintergrundbild hat die angegebenen Maße, nur um Missverständnisse zu vermeiden. Die Datei ist unten angefügt. Z-Index habe ich probiert, indem ich dem Container die höchste Z-Nummer vergeben habe ohne Ergebnis.

8

Ich versuche mich später daran, bin gerade Unterwegs. Vielleicht hat dann auch noch ein weiterer Nutzer Ideen zu deinem Problem

Alles ist berechenbar / Everything is calculable

9

Kannst du mal die Seite hochladen und uns einen Link geben damit man sich die Sache live ansehen kann.

Ausserdem sollte dir klar sein das dies keinesfalls vor einem kopieren schützt. Sobald jemand die Seite aufruft wird das Bild auf seinen Computer heruntergeladen, dagegen kannst du nichts machen. Es gibt nur einen wirksamen Kopierschutz für Bilder. Die Bilder nicht ins Internet stellen.

Gruss
Elroy

10

Der Bildschirm sieht dann so aus:
[ATTACH=full]3898[/ATTACH]

Vielleicht hilft das weiter?

11

Du lieferst nicht die nötigen Infos ab. Deshalb kann man nur raten.
Entferne mal background-image von #text_container.

12

Habe das Background-Image entfernt ohne Änderung. Welche Infos werden denn genau benötigt?

13

Einfach mal den wichtigen Teil bei einem free Hoster hochladen, dann können wir uns das mal ansehen

Alles ist berechenbar / Everything is calculable

14

Könnt Ihr mir erklären, was Ihr auf der Original-Website sehen könnt, was nicht im Script steht?
Hier der Link: http://www.herz-in-not-deutschland.de/Unbenannt1.html

15

Ich sehe z.B. wenn ich heran zoome, erscheint ein schwarzer Text

Alles ist berechenbar / Everything is calculable

16

Folgendes zum Beispiel…

17

Das ist wirklich interessant, aber hilft mir jetzt bei meinem Problem nicht weiter. Hat denn nun niemand eine Idee?

18

Ein Tipp: lass es sein, da dir das Bild gehört, wenn du der Ersteller bist, kannst du jeden einstampfen der es einfach nutzt.

Selbst bei dem Unsichtbaren Bild dafür kommt jeder mit etwas Verstand sofort an das Bild

Alles ist berechenbar / Everything is calculable

19

Na, wenn er unbedingt möchte.
[html]

Pseudo-Kopierschutz

div {
position:relative;
border:1px solid #000;
width:500px;
height:281px;
}

div:before {
content:url(Hintergrundbild.jpg);
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}

/* Nur wenn text benötigt wird */
p {
z-index:99;
position:relative;
}

Bild kopieren erschweren

[/html]
20

In deinem CSS steht der Link mit SSL Verschlüsselung (https), der Server hat aber keine SSL Verschlüsselung.

background-image:url('https://www.herz-in-Not-Deutschland.de/musternotfall2.png');

=>

background-image:url('http://www.herz-in-Not-Deutschland.de/musternotfall2.png');