Aus Gründen der Aufzeichnung kann es in Zukunft verwendet werden, und es können auch andere Taoisten in Not verwenden.
Nein, zuerst über das Rendering
Das obige sind die Renderings. Sie können das Bild in der oberen rechten Ecke selbst ändern. Ich werde das Bildmaterial nicht darauf einsetzen, also werde ich den Code nur hinzufügen. Es ist ganz einfach, CSS und JS. Anfänger sollten es verstehen.
</pre> <pre name = code class = html> <! docType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transransitional.dtd><html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset = utf-8/> <title> bis betitelter Dokument </title> <style type = text/css> .divx {z-Index: 200; -moz-border-radius: 20px; -Webkit-Border-Radius: 20px; Zeilenhöhe: 10px; Text-Align: Mitte; Schriftgewicht: fett; Cursor: Zeiger; Schriftgröße: 10px; Anzeige: None;} </style> </head> <body> <form id = form style = margin-top: 20px;> <div id = img_div_1> <Eingabe type = Datei id = file_input οNchange = addfile (this); style = display: keine /> <div style = Position: relativ;> <img id = file_img src = add_img.png width = 75 οnclick = file_input.click (); Höhe = 65/> </div> <div class = divx id = img_zindex_div_1 οnclick = del ()> <img Src = Nr. addfile (ths) {var objurl = getObjecturl (ths.Files [0]); var links = $ ('#file_img'). Position (). links; var top = $ ('#File_img'). Position (). Top; $ ('#img_zindex_div_div_1'. }); $ ('#file_img'). attr (src, objurl);} Funktion del () {alert (delete);} Funktion getObjecturl (Datei) {var url = null; if (window.createObjecturl! window.webkiturl.createObjecturl (Datei);} return url;} </script> </html>Erledigen. Die Arbeit ist beendet. Kopieren Sie den Code und ersetzen Sie das Bildmaterial. Sie können ihn direkt verwenden
von der Arbeit gehen. Verlassen
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Wieder auffüllen. Da links 0 ist, ist 0
Holen Sie es sich auf andere Weise
var objurl = getObjecturl (ths.files [0]); var links = $ ('#file_img'). Offset (). Das hinzugefügte Bild kann gemäß der Breite des Standardbildes verwendet werden. - 5, Anzeige: Block}); ZusammenfassenDies ist der Artikel über HTML+CSS, der die obere rechte Ecke des Bildes mit einer Schaltfläche Löschgabel und Bild implementiert. Weitere verwandte HTML -Bilder mit gelöschten Inhalten finden Sie in früheren Artikeln von Wulin.com oder surfen Sie die folgenden Artikel weiter durch. Ich hoffe, jeder wird Wulin.com in Zukunft unterstützen!