ホームページ > 記事 > ウェブフロントエンド > 互換性_html/css_WEB-ITnose が閉じる問題を解決してください
ブラウザ JavaScript Internet Explorer 広告
92f010ec0bc182c744844ea0b0264aa7 "width:960px; overflow:hidden;margin:0 auto;"> b768a0766eba41ffbb42b17d4838f4e2 f3b57fd6f475599f17a6a7bd62b2176edf83389b11eb6ac56ccf5e3e0a305c67閉じる5db79b134e9f6b82c0b36e0489ee08ed54bdf357c58b8a65c66d7c19c8e4d114document.getElementById('div1').style.display='none';にカプセル化してみてください
<!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>无标题文档</title><style type="text/css">.div{ width:1000px; height:600px; border:1px solid blue;}.div1{ width:150px; height:100px; background-color:silver; float:left; margin-left:10px;}#id1{ position:absolute; top:150px; left:120px;}.cs{ float:left; position:relative; width:200px; height:200px; background:pink;}</style></head><body><div class="div"> <div class="div1">div1</div> <div class="div1">div3</div> <div class="div1">div4</div> <div class="cs"><a href="javascript:(function(){document.getElementById('id1').style.display='none';})();">关闭</a> <div class="div1" id="id1">div2</div> </div> <div class="div1">div5</div></div></body></html>
df83389b11eb6ac56ccf5e3e0a305c67Close5db79b134e9f6b82c0b36e0489ee08edあなたの書き込みメソッドは、トリガー イベントではなくリンク ジャンプである href を使用しています
431da64be2664bee1a86985976e05101Close5db79b134e9f6b82c0b36e0489ee08ed