以下に js フィドル リンクを貼り付けました。この問題は、#aboutmetoggle div が #pic div の後ろに表示され、#line div が #pic の前に表示されていることです。#aboutmetoggle の後ろに表示する #pic と #line が必要です。
IE firefox と safari では正常に表示されますが、chrome では表示されません。余分なタグや開いているタグを確認しましたが、何も表示されず、div は絶対に配置され、正しい順序で表示されます。これは私を少し困惑させているので、誰か助けてもらえますか.....
js フィドルでは、#line div が完全に表示されすぎています。明らかに、このコードはめちゃくちゃです... :-(
このサイトは私に質問内にコードを配置するように求めているので、以下はページのhtmlですが、とにかくフィドルにあります:-)
<div id="container"><div id="banner"><h1><img src="images/banner.png" width="432" height="64" alt="front end web designer" /></h1>
</div>
<div id="pic"><img src="images/me.jpg" width="100%" height="100%" alt="me" /></div>**
<a href="#" name="hiremetoggle" title="Hire me" id="hiremetoggle">
<img src="images/hire.png" alt="Hire me " border="0"/></a></div>
<a href="#" name="prevtoggle" title="Previous work" id="prevtoggle"><img src="images/work.png" alt="Previous work" border="0"/>
</a></div>
<div id="line"></div>
<div id="prevcontent">
<div class="img-wrap"><img src="images/example2.png" alt="Dr Martens fan site" /> <div class="img-info"><a href="http://www.webdesignerlhm.co.uk/drmartensfansite" target="_blank"><h2><br />Dr Martens Fansite</h2> </a></div></div>
<div id="block"> </div>
<div class="img-wrap2"><img src="images/example1.png" width="165" height="165" alt="Rainbow Feet holistic therapy college project e-commerce site" />
<div class="img-info"><a href="http://www.webdesignerlhm.co.uk/rainbowfeet/holistic.html" target="_blank"><h2><br />Rainbow Feet</h2> a college project website</h2> </a></div></div>
<div id="blockrow"></div>
<div class="img-wrap4"><img src="images/example3.png" width="230" height="165
" alt="Band style website" border="0"/><div class="img-info4"><a href="http://www.webdesignerlhm.co.uk/bandsite/" target="_blank"><h2><br />Band template website</h2></a></div></div>
<div class="img-wrap3"><img src="images/Misfestwebsite.jpg" width="258" height="165" /><div class="img-info3"><a href="http://www.misfest.co.uk" target="_blank"><h2><br/><br/>Misfest festival website</h2></a></div></div>
<div id="rowblock" ></div><div id="rowblock"></div><div id="rowblock"></div>
</div>