1

css3pie でカーブしたコーナーを適用しているコンテナーがあります。その要素内には、コンテナよりも広いテーブルがあります。これにより、コンテナーの下部にスクロール バーが表示されます。これは、私が期待するだけでなく、必要なものでもあります。問題は、コンテナに css3pie を適用した場合、クリックしてドラッグしてもスクロール バーがスクロールしないことです。両端の矢印をクリックするとスクロールするか、スクロール バーがないスペースをクリックするとその場所にジャンプします。そのため、スクロールバーをクリックしてドラッグするとスクロールしません。

コンテナのスクロール用のクラスのバハイバーをコメントアウトすると、再び機能します。css3pie を適用すると、javascript のスクロールが壊れます。動作のスクロールが機能するため、パイが有効になっているときにコンテナからクラスを削除すると。

また、コンテナ内の別の div 内にテーブルを配置しても、同じ結果が得られました。

私はIE9ドキュメントモードIE7で実行しています

この問題を修正する方法はありますか?

4

2 に答える 2

0

そのため、なぜこれが起こったのかについての説明は見つかりませんでした。PIE が適用されたページ要素内のコンテンツをスクロールすると、スタイルが再適用されて「Behavior:」が呼び出され、スクロール イベントが停止すると思います。

パイが適用された要素にスクロールを適用するために必要なコンテンツを取得することで、問題を解決しました。私の場合、スクロールバーが内側にあるコンテナに丸みを帯びた角を適用していました。コンテンツの上下に div を配置し、上下の div に角の丸みを適用しました。

この方法では、スクロール バーが正常に機能し、丸みを帯びた角が適用されます。ただし、IE7 には回避策がありました。

于 2012-03-08T19:23:55.563 に答える
0

最後の回避策と同じように、スクロールするコンテンツから背景を切り離しました。

<div id="ContentContainer">
  <div id="ContentBackground"></div>
  <div id="Content">

  </div>
</div>

スタイルと

div#ContentBackground {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  behavior: url(PIE.htc);
}

ただし、これはかなり一般的な問題のように思われるため、次のリリースでこれを修正したいと考えています (内部で何かがスクロールする丸いエッジのレイアウト)。

于 2012-10-02T13:31:08.750 に答える