0

一部の css と IE9 で奇妙な問題が発生しています。よくわかりませんが、あなたがそれを見るのは初めてだと思います。

サンプル画像

3 つの画像はすべてdivwith a クラスにあります。これは、クラスの CSS です。

.imagen_pro{
    border: 1px solid #CCC;
    width: 180px; height:160px;
    text-align:center;
    background-color:#FFFFFF;
}

.imagen_pro img{
    max-width: 160px;
    max-height: 160px;
}

これはいくつかのケースで発生しています。つまり、すべての IE9 で発生しているわけではありません。何が起こっているのかわかりません。誰かが私を助けることができれば、本当に感謝しています。

ありがとう。

こんにちは、答えてくれてありがとう。私は何が起こっているのかを見つけました。この画像のそれぞれがアンカータグ内にあり、その css で img がオーバーフローしていたので、いくつかの css をに適用し、div コンテナーを少し高くする必要がありました。とにかくありがとうございました

4

2 に答える 2

2

私は写真が不適切に配置/サイズ設定されていることに賭けています。それらはあなたの要素の最大サイズ（最大高さ：160px;）よりも大きいです。Firebugを使用して、写真を選択し、高さと位置をいじります。

また、コードにエラーがあります。あなたは両方を持っています：

幅：180px;

と

最大幅：160px;

これらは矛盾したステートメントです。

于 2012-11-27T00:09:23.587 に答える
1

私のバージョンの IE9 では問題を再現できません。ただし、問題は、画像がコンテナーの上部または下部から飛び出し、境界線を越えて描画されていることです。

クラス に追加overflow:hiddenしてみてください。.imagen_pro

また

それがうまくいかない場合は、高さを.imagen_pro162px に拡張します。

また

画像の最大高さを 1 または 2 ピクセル小さく変更します。例えば：

.imagen_pro img{
    max-width: 160px;
    max-height: 158px;
}
于 2012-11-27T13:52:56.870 に答える