2012-03-06 8 views
0

現在、アコーデオンのタイムラインを構築していますが、Safari & Chromeで問題が発生しています。私は開閉する一連のアコーディオンを持っています。各divには、開閉時に一緒に移動する子divが含まれています。 Firefoxではうまく動作しますが、ChromeやSafariではうまく動作しません。Safariで親DIVと子DIVが絶対移動しません

サンプルはここにある: http://www.evolvedublin.com/testcentre/

私は絶対の位置にその関連確信している、多分私が何かを見逃していますか?何か案は? ご迷惑をおかけして申し訳ございません。

+0

ウェブサイト全体を投稿しないでください。 [dabblet](http://dabblet.com/)または[Jsfiddle](http:// jsfiddle)で[reduce test case](http://css-tricks.com/reduced-test-cases/)を入力してください。ネット/)。 – bookcasey

答えて

0

親のdivがposition: relativeであることを確認すると、絶対的に配置された子がこの親に対して相対的に配置されるようになります。

あなたの場合

.panel { 
    position: relative; 
} 
+0

フィードバックに感謝します。私はこれを試していたのではないかと思います - それはうまくいきますが、私が持っている問題はz-indexとchild divです。パネル内に隠されています: http://www.evolvedublin.com/testcentre/2/ 回避策があるかどうかわかりませんか? – mickmaster

+0

それは子供を隠すZ-インデックスではありません。それはあなたの親の 'overflow:hidden'です。子供は親よりも大きいので、子供は切り取られます。 – trapper

+0

あなたの助けてくれてありがとう@トラッパー、そのトリックを行った。あなたがパネルを開いたり閉じたりするとき、子供のdivにちょうどちらつきがありますが、心配する必要はありません。ありがとう。 – mickmaster

関連する問題