0

http://www.duncannz.comでのみ発生する問題があります。オペラ v12.0および IE 8 より前の Opera。これらのブラウザのいずれかを開いた場合は、その Web サイトにアクセスして下にスクロールしてみてください。身幅は100%しかないのに。スクロールすると、余分なビットの背景がどのように見えるかによって判断すると、要素で<html>はなく要素の一部であるギャップが表示されます。<body>

オペラ問題

下にスクロールすると、Opera の下部に隙間ができるのはなぜですか? IE 8 でも発生します。

何か案は？
ありがとう

編集: 表示されるフッターが原因ではありません。http: //www.duncannz.com/pages/text-to-code.php のような長いページにアクセスして下にスクロールすると、ギャップが生じます。

EDIT 2: したがって、この問題は Opera 12 で修正され、機能しimg border-radiusないバグも修正されているようです。しかし、私は古いバージョンを使用していて、頻繁にapt-get update && apt-get upgrade. 私が古いバージョンを使用していて、新しいバージョンについて知らされていない場合、他の人もそうだと確信しています。さらに、IE 8 の修正が必要です。

編集3：

理由はわかりましたが、完全な解決策ではありません。にbox-shadow(およびPIEの回避策) がありますbody。にブラーを適用するbox-shadowと、影が拡大します。この拡大により、影が体の下に沈み、見えなくなります。ただし、Opera の古いバージョンと IE8 でのこの不具合により、体の下に沈んでいた影のぼやけが見えなくなり、代わりにスクロール可能な領域が作成されて全体が見えるようになりましたbox-shadow。

それが不明な場合は、ここにデモがあります - 最初の値 - 「角度」を0degに設定し、3 番目の値 - 「ぼかし」を に設定し0pxて見てください。次に、ぼかしを増やすと、四角形の下に沈む影のぼかしが表示されます。残念ながら IE8 では、このぼかしにより本体の下に隙間ができます (ユーザーにはぼかし全体が表示されます)。

ぼかしを削除すると、スクロール可能な領域がなくなります。しかし、私はぼかしが欲しいです - それがなければ恐ろしいように見えます.

どうすればいいですか？

4

2 に答える 2

1

あなたが選んだ理由はありますか

body {min-height: 100%;}

それ以外の

body {height: 100%;}

ところで、Opera 12.0では、ウィンドウのサイズをゆっくりと変更すると、それが発生することがあります。それが起こっている州があります。コード内で丸め誤差などが発生する必要があると思います。

また、ボトムのみのボディパディングを少し増やします。

于 2012-06-29T15:06:58.480 に答える
0

hr のマージンを削除する必要があります。

hr.blackhr {
  margin: 0px;
}

より一般的には、この種の問題を回避するために必要なのはCSS のリセットです。

于 2012-06-22T21:27:29.567 に答える