• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Verstecken eines Bildes hinter einem transparentem GIF-Bild als Kopierschutz

U

ukr

Neues Mitglied
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: 
<div id="text_container4" class="hintergrund">
<img src="transparent.gif" id="bild"/>
</div>
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');
}
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!
 
Werbung:
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
 
Ja das Hintergrundbild wird geladen, wenn ich es als ganz normales Bild in die Website einfüge.
 
Werbung:
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
 
Werbung:
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.
 

Anhänge

  • Musternotfall.png
    Musternotfall.png
    53,2 KB · Aufrufe: 13
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
 
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
 
Werbung:
Werbung:
Einfach mal den wichtigen Teil bei einem free Hoster hochladen, dann können wir uns das mal ansehen

Alles ist berechenbar / Everything is calculable
 
Werbung:
Das ist wirklich interessant, aber hilft mir jetzt bei meinem Problem nicht weiter. Hat denn nun niemand eine Idee?
 
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
 
Werbung:
Na, wenn er unbedingt möchte.
HTML: 
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>Pseudo-Kopierschutz</title>
<style>

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;
}
</style>
</head>
<body>


<div>
<p> Bild kopieren erschweren</p>
</div>



</body></html>
 
In deinem CSS steht der Link mit SSL Verschlüsselung (https), der Server hat aber keine SSL Verschlüsselung.
Code: 
background-image:url('https://www.herz-in-Not-Deutschland.de/musternotfall2.png');
=>
Code: 
background-image:url('http://www.herz-in-Not-Deutschland.de/musternotfall2.png');
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben