1

こんにちは、誰かがこの問題で私を助けてくれることを願っています。

私は CSS3Pie を使用してボックスの角を丸くしていますが、IE7 を含むすべてのブラウザーですべて正常に動作します。しかし、アニメーション (今回はslideToggle) をボックス内の要素に追加すると、IE7 は追加しなかったときと同じように動作し始めますposition:relative。要素は 5000px x 10000px +++ と巨大になります。position:relative必要なときにすべての要素が持っていると確信しています。

このバグは以前にも見たことがあり、以前に CSS3Pie ファイルの JS 修正を含む回避策を見つけましたが、再び見つけることはできません。

私が得ることができるすべての助けに感謝しています。

ありがとうジミー

下の画像を見ると、灰色の背景がボックスの端で終わらず、サイトの他の要素の上に続いていることがわかります。

下の画像を見ると、灰色の背景がボックスの端で終わらず、サイトの他の要素の上に続いていることがわかります。

下にスライドする要素のcssです

#grades .form-content {
    margin:0 10px;
    padding:10px;
    width:93.8%;
    background:#fff;
}

ボックスの CSS は次のとおりです。

.m-pc {position:relative;}

.m-pc .m-c {
    position:relative;
    padding:38px 21px 10px;
    margin-bottom:25px;
    border:1px solid #cbcbcb;
    border-top:none;
    -moz-box-shadow:0 1px 5px #e3e4e3; /* FF3.5+ */
    -webkit-box-shadow:0 1px 5px #e3e4e3; /* Saf3.0+, Chrome */
    box-shadow:0 1px 5px #e3e4e3; /* Opera 10.5, IE 9.0 */
    background:#f6f6f6;
    behavior:url(/css/vendor/pie.htc);
}

.m-pc .m-h {
    position:relative;
    border:1px solid #cbcbcb;
    -webkit-border-radius:6px 6px 0 0;
    -moz-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0;
    background:#eee;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#e5e5e5));
    background:-webkit-linear-gradient(#eee, #e5e5e5);
    background:-moz-linear-gradient(#eee, #e5e5e5);
    background:-ms-linear-gradient(#eee, #e5e5e5);
    background:-o-linear-gradient(#eee, #e5e5e5);
    background:linear-gradient(#eee, #e5e5e5);
    -pie-background:linear-gradient(#eee, #e5e5e5);
    behavior:url(/css/vendor/pie.htc);
}
4

2 に答える 2

0

アニメーション開始時の二重マージンの問題かもしれませんが、アニメーションのスタイルを投稿できますか?

#grades .form-content {
    margin:0 10px;
    *margin:0 5px;
    *zoom:1;
    padding:10px;
    *padding:5px;
    width:93.8%;
    background:#fff;
}

問題はアニメーション スタイル自体にあるようです。それとも、slideToggle を使用しているだけですか?

.animate({
    'left/right/top/bottom' : ?
});
于 2012-01-17T09:43:45.933 に答える