1

これが私の問題です。HTMLにz-indexで並べられた画像がいくつかあります。ただし、下部の属性Altと画像のタイトルはFirefoxとChromeでは表示されません（IEは機能します...）。方法はありますか？ありがとうございました！

<img src="images/one.png" style="position:absolute;z-index:0;" alt="This one" title="This one"/> 
<img src="images/two.png" style="position:absolute;z-index:1;" alt="" title=""/> 
<img src="images/three.png" style="position:absolute;z-index:2;" alt="" title=""/>

3番目の画像（three.png）は、他の2つの画像を覆う透明なレイヤーです。altは、最初one.pngに表示する（）のタイトルです。たくさんの説明で申し訳ありませんが、簡単な問題は説明するのが最も難しいようです:)

アップデート

作成したスクリプトは次のとおりです。

`$('.animated').each(function(index) {

    var attr = $(this).attr('title');
    if (!attr) {
} else{
        var newId = 'wrapper_' + index;
        $(this).wrap('<div id="' + newId + '"></div>');
        var tit = $(this).attr('title');
        var pst = $(this).css('margin-top');
        var stp = $(this).css('margin-left');
        $('#' + newId).prepend('<div style="position:absolute;z-index:1000;width:' + $(this).width() + 'px;left:50%;top:50%;height:' + $(this).height() + 'px;margin-left:' + stp + ';margin-top:' + pst + ';" title="' + tit + '"></div>');
    }
});`

つまり、画像にタイトルが付いている場合、その上に巨大なzindexを使用してdivが作成されます。

4

1 に答える 1

0

何らかの理由で私の投稿が削除されました。以下をご覧ください。

他の2つをオーバーレイする透明な画像がある場合、altタグとtitleタグは、下にある他の2つを認識できないため、他の2つの上の透明なレイヤーからプルされます。

最初の画像のタイトルと代替テキストのみを表示する場合は、これらの値を透明レイヤーに割り当てます。

IEはおそらく、画像の代替テキストをレンダリングしていますが、画像が存在する場合、他のブラウザはレンダリングしません。

于 2012-06-29T12:08:46.727 に答える