1

这是我的问题，我的 HTML 中有几张使用 z-index 排序的图像。但是底部图像的属性 Alt 和 Title 不会在 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=""/>

第三个图像 ( three.png) 是覆盖其他两个图像的透明层。我希望 alt 是第一个 ( one.png) 显示的标题。很抱歉解释的laq，简单的问题似乎最难解释:)

更新

好的，这是 a 制作的脚本：

`$('.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

由于某种原因，我的帖子被删除了，请参见下文：

如果您有一个覆盖其他两个的透明图像，则 alt 和 title 标签将从其他两个顶部的透明层中拉出，因为它无法识别下面的其他两个。

如果您只想显示第一张图像的标题和替代文本，则将这些值分配给透明层。

IE 可能正在呈现图像的 alt 文本，而其他浏览器在图像存在时不会呈现这些文本。

于 2012-06-29T12:08:46.727 回答