記録のために、それは将来使用される可能性があり、困っている仲間の道教者もそれを使用することができます。
いいえ、最初にレンダリングで
上記はレンダリングです。右上隅の写真を自分で変更できます。写真素材を載せませんので、コードを追加するだけです。 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をサポートすることを願っています!