z-index を指定する際には position に static 以外を指定する必要がありますが、あなたのコードでは #background #content のどちらにもこれが指定されていません。 これがなくても動くのは Firefox のバグのような気がします。 以下解説。 画像編集ソフトでいうところのレイヤーのように、Webページのレンダリングにはスタックコンテキストという概念があり、これは opacity transform などを指定した際や、 position と z-index を組み合わせた場合に作成されます。 要素の重なりについて本気出して考えてみた(z-indexとか何とかとか) – No.1026 スタック文脈 - Web developer guide | MDN 描画順をざっくり書くと、次のようになります。(今回関係するもののみ) z-index がマイナスの
大した補足じゃないんですが、指摘のついでに。 そのままdivを並べてしまうと以下の様になって、loadingもloadedも両方見えてしまいます。 sample1 position: absoluteでかぶせるなどの対応が必要でしょう。 sample2 この場合、見た目の上では loadedの方は隠しておかなくても問題ないかと思いますが、 ボタン等を配置する場合は操作できない様にしておく必要が出てきます。 あと、 $(function(){ }); は、たしかにDOMの解析後ですが、$(document).ready(function(){ } と同じであり、全ての読み込みが終わったwindow.onloadよりも早いタイミングでのイベントとなります。 たとえば画像の読み込みが終わっているかどうかの違いがあります。 ですので window.onload=loaded() の部分は $(wi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く