記録のために、それは将来使用される可能性があり、困っている仲間の道教者もそれを使用することができます。
いいえ、最初にレンダリングで
上記はレンダリングです。右上隅の写真を自分で変更できます。写真素材を載せませんので、コードを追加するだけです。 CSSとJSは非常に簡単です。初心者はそれを理解する必要があります。
</pre> <pre name = code class = html> <！doctype html public - // w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> <html xmlns = http：//www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html; charset = utf-8/> <title> un unt titled document </title> <style type = text/css> .divx {z-index：200; -moz-border-radius：20px; -webkit-border-radius：20px;ラインハイト：10px;テキストアライグ：センター; font-weight：bold;カーソル：ポインター;フォントサイズ：10px;表示：なし;} </style> </head> <body> <form id = form style = margin-top：20px;> <div id = img_div_1> <input type = file id = file_inputooppuptOthange = addfile（this）; style = display：none /> <div style = position：relative;> <img id = file_img src = add_img.png width =75οnclick= file_input.click（）; height = 65/> </div> <div class = divx id =img_zindex_div_1οnclick= del（）> <img src = no.png width = 16 height = 16/> </div> </form> </body> <script src = jquery-1.7.2.j addfile（ths）{var objurl = getobjecturl（ths.files [0]）; var left = $（ '＃file_img'）。位置（）。 }）; $（ '＃file_img'） if（window.createobjecturl！= undefined）{// basicurl = window.createobjecturl（file）;} else if（window.url！= undefined）{// mozilla（firefox）url = window.url.createobjecurl（file）;} ells（windurl！ window.webkiturl.createobjecturl（file）;} return url;} </script> </html>それを成し遂げましょう。作業は終了しました。コードをコピーして画像素材を交換すると、直接使用できます
仕事を辞めなさい。離れる
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
補充します。左は0です
別の方法で入手してください
var objurl = getobjecturl（ths.files [0]）; var left = $（ '＃file_img'）。追加された画像は、デフォルトの画像の幅に従って使用できます - レイヤー画像の幅を削除します（つまり、現在のデフォルト画像幅は75、削除レイヤーの画像幅は16、左= 75-16です。位置は画像の右端に到達できます！ -5、display：block}）;要約します
これは、削除フォークと画像削除ボタンを使用して、写真の右上隅を実装するHTML+CSSに関する記事です。削除されたコンテンツを備えたより関連するHTML写真については、wulin.comから以前の記事を検索するか、以下の関連記事を閲覧し続けてください。将来、誰もがwulin.comをサポートすることを願っています！