私はWordpressプラグインに取り組んでおり、span. 基本的に、divと を保持する がimgありspan(divとspanはプラグインで動的に追加されますが、ここではそうではないと思います)、 をカバーする必要がありimgます。画像が読み込まれると、そのサイズ、フロート、およびマージンがspan動的に設定されるため、spanは画像全体をカバーします。
残念ながら、imageが右に浮いており、正のマージン左値を持ち、divそれを含む よりも幅が広い (イメージ + マージン) 場合、問題があります。の左マージンimageは変更されていますが、spanの左マージンは変更されていないため、spanはイメージを適切にカバーしていません。この問題を解決する方法または適切な回避策はありますか? 画像を左にフローティングするなど、他の場合でもうまく機能するという意味です.Chrome、IE9、FF19でも同様に機能することに気付きました.
例: http://jsfiddle.net/6zQp3/1/
更新 問題を十分に説明したとは思わないので、別の例を次に示します。
コードのどの部分を変更でき、どの部分を変更できないかを指摘しました。div.image-container基本的に、プラグインはサイト上のすべての画像に対してand を動的に作成しますspan.cover(この部分はあまり関係ないので、ここでは省略しました)。span.coverで画像全体を覆う必要があります。この新しい例でわかるように、最初の画像は適切にカバーされていませんが、他の画像はカバーされています。それが私の問題です - JavaScript とおそらく css を調整して、この 1 つのケースでも適切に機能するようにします。画像の css を変更できないことに注意してください (そのため、画像に絶対配置を使用することはできません)。