Demi catatan, dapat digunakan di masa depan, dan sesama Taois yang membutuhkan juga dapat menggunakannya.
Tidak, pertama di rendering
Di atas adalah rendering. Anda dapat mengubah gambar di sudut kanan atas sendiri. Saya tidak akan meletakkan materi gambar di atasnya, jadi saya hanya akan menambahkan kode. Cukup sederhana, CSS dan JS. Pemula harus memahaminya.
</pre> <pre name = class class = html> <! Doctype html public -// w3c // dtd xhtml 1.0 transisi // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> xmlns = http: //www.w3.org/1999/xhtml> <adap> <meta http-equiv = konten-tipe konten = teks/html; charset = UTF-8/> <Title> unt judul dokumen </iteme> <style type = text/css> .divx {z-index: 200; -Moz-border-Radius: 20px; -webkit-border-radius: 20px; Line-Height: 10px; Teks-Align: tengah; font-weight: tebal; kursor: pointer; Ukuran font: 10px; Tampilan: tidak ada;} </tyle> </head> <body> <form id = bentuk style = margin-top: 20px;> <div id = img_div_1> <input type = file id = file_input οnchange = addFile (this); style = display: none /> <div style = position: relatif;> <img id = file_img src = add_img.png width = 75 οClick = file_input.click (); tinggi = 65/> </div> <div class = divx id = img_zindex_div_1 οClick = del ()> <img src = no.png width = 16 tinggi = 16/> </div> </form> </script> script = JQRIPS = JQRIPS = TEKS =/TEKPS = TEKPS = JAVER/TEKPS = JAVERS = JAVERS = JAVERS = JAVERS = JAVERS = JAVERS = JAVERS = JUVERS = JUVERS = JUVERS = JUVERS/JAVERSCRIPS = JUVERS = JAVERS/JAVERS = addFile (ths) {var objUrl = getObjecTurl (ths.files [0]); var left = $ ('#file_img'). Posisi (). Left; var top = $ ('#file_img'). Posisi (). Top; $ ('#img_zindex_div_div_1'). CSS (). }); $ ('#file_img'). attr (src, objUrl);} function del () {alert (delete);} function getObjecUrl (file) {var url = null; if (window.createObjecUrl! = tidak terdefinisi) {// baseurl = window.createObjecTurl (file);} lain jika (window.url! = tidak terdefinisi) {// mozilla (firefox) url = window.url.createObjectur (file);} lain if (window.webkitur = crateurl (file); window.webkiturl.createObjecTurl (file);} return url;} </script> </html>Menyelesaikannya. Pekerjaan telah berakhir. Salin kode dan ganti materi gambar dan Anda dapat menggunakannya secara langsung
Bekerja dari pekerjaan. Meninggalkan
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Mengisi kembali. Karena kiri adalah 0
Dapatkan dengan cara lain
var objUrl = getObjecTurl (ths.files [0]); var left = $ ('#file_img'). offset (). Left; var top = $ ('#file_img'). offset (). Top; // kiri adalah jarak paling kiri dari gambar default. Gambar yang ditambahkan dapat digunakan sesuai dengan lebar gambar default - hapus lebar gambar layer (yaitu, lebar gambar default saat ini adalah 75, lebar gambar dari lapisan hapus adalah 16, kiri = 75 - 16, posisi kiri: Posisi Kiri. TOP: TOP - 5, Tampilan: Blok}); MeringkaskanIni adalah artikel tentang HTML+CSS yang mengimplementasikan sudut kanan atas gambar dengan tombol Hapus Garpu dan Penghapusan Gambar. Untuk gambar HTML yang lebih terkait dengan konten yang dihapus, silakan cari artikel sebelumnya dari wulin.com atau lanjutkan menjelajahi artikel terkait di bawah ini. Saya harap semua orang akan mendukung wulin.com di masa depan!