0

ページの上部の 100% を実行するヘッダー要素にドロップ シャドウ (ボックス シャドウ) があります。IE8 でボックス シャドウを有効にするために CSS パイを追加しましたが、CSS パイが余白を追加したか、ヘッダーの右側にスペースが追加されてオーバーフローし、ユーザーがスクロールして空の余白を表示できるようになったようです.

私は設定を試みましoverflow-x:hiddenたが、ヘッダー、子要素、および親でそれを設定し、要素の相対的な位置を設定しようとしましたが、実際には機能しません。他の誰かがこの問題を抱えていましたか?どのように解決できましたか?

4

1 に答える 1

0

問題を解決できました。少し恥ずかしいです。私は以前にこの修正を試みたと誓っていましたが、どうやら今はそうです。それは非常に簡単な修正でした。

ボディのスタイルをoverflow-x:hiddenに設定しただけです。

body { 
  overflow-x:hidden;
}

これにより、スクロール バーが削除され、すぐに表示されるブラウザー ウィンドウの外側にあるものがすべて非表示になりました。

于 2013-11-08T16:03:27.993 に答える