2

私のウェブサイトにギャラリーがあります。表示される写真を切り替える 1 つの方法は、ギャラリーの下部にある小さな画像を押すことです (下の写真を参照)。小さな画像を配置するために、必要に応じて絶対配置とマージンを使用して、それらをまっすぐにしました. 問題は、クロムで絶対配置を使用すると、画像のデフォルト位置が中央から始まることです (最初の画像 (1) を配置するために、「margin-right:-395px;」を割り当てました。IE では、画像のデフォルトの位置は、本来あるべき場所から開始されます。したがって、「-395px」は画像をさらに右に移動させ、画像がひどく表示されます。

クロムの右上隅にあるボタンでも同じことが起こります。

これは私のウェブサイトです。これら 2 つの異なるブラウザで確認すると (他のブラウザはまだ確認していません)、問題が確認できます。以下、画像も追加。

クロム: クロム

冒険者: インターネットエクスプローラ

最初の小さな画像の CSS: (2 番目の画像: margin-right に 100 を追加、3 番目の画像: 200 を追加)

height:90px;
width:90px;
margin-top:5px;
position:absolute;
opacity:0.6;
filter:alpha(opacity=60);
border-radius:5px;
cursor:pointer;
margin-right:-395px;
4

2 に答える 2

8

絶対配置を使用している場合。rightの代わりに/ left& top/属性を使用しbottomて要素を配置する必要がありmarginます。

そのようにすると、すべてのブラウザーが要素を同じ場所に配置します。ここでもっと読む

また、コンテナ(絶対要素の親)が設定されていることを確認してください。position: relative;そのため、彼の子(絶対要素)の配置は彼に対して相対的になります。いつかコンテナを移動する必要がある場合、これは非常に役立ちます..

于 2013-09-13T10:26:02.180 に答える
1

あなたはこれを使わなければなりません

pop.style.left = l+"px"; 
pop.style.top = t+"px";

それ以外の

pop.style.posLeft = l; 
pop.style.posTop = t;
于 2014-07-03T23:25:13.917 に答える