0

私はcs-cartサイトに取り組んでいます。丸い円の画像があります。次に、丸い円である他の画像があります。円の画像を最初の画像円の上に配置する必要があります。問題は、位置を使用する場合です。絶対にすべてがうまく機能しますが、ブラウザーの解像度が変更されるとボタンが移動します。position: relative を使用すると、画像はそこにとどまりますが、リンクは機能しません

背景画像

<p>
 <img src="http://thrivegoods.net/images/MAIN PAGES/menumainmarketplace.jpg" class="MenuMarketplaceBanner" style="background-color: initial;">
</p>

小さな円の画像

<p>
 <a href="http://thrivegoods.net/artist-info?action=preview"><img src="http://thrivegoods.net/images/MAIN%20PAGES/BUTTONS/roundinfoforartists.jpg" class="RoundInfoForArtists" alt="RoundInfoForArtists"></a>
</p>

CSS

.RoundAccountabilityButton {
 position: absolute;
  top: 1185px;
  left: 489px;
  z-index: 3;
 }

.MenuMarketplaceBanner {
 position: relative;
 z-index: 1;
  }
4

1 に答える 1

1

絶対位置は、右上、左、下など、配置したい場所にパラメーターを指定すると正常に機能します。しかし、absolute を使用すると、通常のサイトの流れから外れてしまいます。それを見るためにあなたのcssを提供できますか？

試すことができる 1 つの方法は、div を取得して相対的にすることです。これにより、web ページのフロー内に配置され、その中に画像がネストされます。それらをdivに対して絶対にします（これは相対的です）。

これはあなたの質問に役立つかもしれないと思います.そうでない場合は、PCにアクセスして自分でコーディングしたときに再試行できます:)

更新: 私の PC でシナリオを再現することはできません。解像度が変更されても、リンクは正常に機能します。

于 2014-09-11T16:08:35.430 に答える