4

...问题总结...

有效的例子

例如，标题属性在图像上效果很好

<img
    src="http://imgs.xkcd.com/comics/the_general_problem.png"
    title="I find that when someone's taking time to do something right in the present, they're a perfectionist with no ability to prioritize, whereas when someone took time to do something right in the past, they're a master artisan of great foresight."
    alt="The General Problem"
>


问题（不起作用的示例）

我正在尝试嵌入iframe 视频，例如当您在 YouTube 或（在这种情况下）SouthPark Studios 上单击“分享此视频”时

似乎要么：

  • 我不知道与 iframe元素一起使用的正确属性（它显然不是“标题”），或者
  • “标题”是正确的，但 iframe 以某种分层问题胜过它。见下文


...进一步阅读：我已经尝试过的详细信息...

第一次尝试：将它包裹在一个 div 中，并给 div max 层

<div
    title="South Park video about Ginger Kids coming in the night to carry off the town's other kids"
    style="z-index: 2;"
>
    <iframe
        src="http://media.mtvnservices.com/embed/mgid:arc:video:southparkstudios.com:1feaa96c-ed01-11e0-aca6-0026b9414f30"
        width="360"
        height="293"
        frameborder="0"
    >
    </iframe>
</div>


来源：
https://stackoverflow.com/a/7117107/1421642，对于 div
http://www.echocho.com/csslayers.htm，对于层（z-index）


第二次尝试：只需将“标题”放入 iframe 标记

<iframe
    title="South Park video about Ginger Kids coming in the night to carry off the town's other kids"
    src="http://media.mtvnservices.com/embed/mgid:arc:video:southparkstudios.com:1feaa96c-ed01-11e0-aca6-0026b9414f30"
    width="360"
    height="293"
    frameborder="0"
>
</iframe>


两次尝试的结果

埃尔齐乔

在这两种情况下，我将鼠标悬停在 iframe 上，但没有任何反应。将其与我一开始的“有效示例”代码进行比较，您可以将鼠标悬停在上面并看到一个漂亮的小弹出窗口

请帮忙 ：）

4

1 回答 1

1

您可以给 iframe 一个标题，但它不会出现在工具提示中。将 frameborder 更改为“2”并将光标移至它，然后会出现一个标题。

要查看 iframe 上的标题，您必须设置 iframe 内容的标题，而不是 iframe 本身。（如何在鼠标悬停 iframe 时显示工具提示）

http://jsfiddle.net/2YGNx/

HTML

    <iframe frameborder="1" src="javascript:'<div>Helllo World</div>';" style="width: 100%; height: 100%; margin: 0px; padding: 0px;position:relative;" title="hello world" id="contentIframe"></iframe>

Javascript：

$(document).ready(function () {    
   $("#contentIframe").contents().find("body").find('div').attr('title','Hello world');

});

但是，因为您正在处理 Flash 视频，所以它不会那样工作。Flash 喜欢“接管”作为扩展，浏览器不会将其视为“页面的一部分”，因为它会显示工具提示。最好的办法是创建一个以视频 url 作为源的对象，然后将 wmode 设置为透明。（CSS 悬停工具提示气泡隐藏在 iFrame 视频后面）

于 2013-06-01T02:34:21.610 回答