html - 右揃えで段落を div レイヤーの外に押し出す

Question

ここに私のページがあります: http://www.ostmoconstruction.com/portfolio.php

各行の最初の画像にカーソルを合わせると、結果の画像は div のフルサイズになるため、2 番目の画像が表示されなくなります。

2番目の画像にカーソルを合わせたときに同じことが起こることを望みます。おそらく、最初の画像を div レイヤーの左側の外に押し出し、2 番目の画像のみを表示するでしょう。ポジショニングを絶対オンホバーに設定して左: 0; にしてみました。これは機能しているように見えましたが、不安定なようで、最初の画像のタイトルをそのまま残しました (2 番目の画像のタイトルと競合する場合があります)。

何か案は？

Answer 1

画像の位置を絶対にして、相対的に配置された div レイヤーにラップしてから、両方の負の左マージンを正しく配置するようにしました。絶対配置により左に移動でき、相対配置により他の画像をコンテナー div の外に押し出すことができました。詳細はこちら: onmouseover 画像を左に移動しますか?

Answer 2

私はあなたが試すことができる1つの解決策を持っています:

p a {
    background:#FFFFFF;
    }