Css 制作标题标签；弹出窗口“；使用html iframe时显示 …问题摘要。。。 工作原理的示例

标题属性在图像上非常有效

问题（什么不起作用的示例） 我正在尝试嵌入一个iframe视频，比如在YouTube或（本例中）SouthPark Studio上单击“共享此视频”

似乎：

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

---

---

…进一步阅读：我已经尝试过的细节。。。 第一次尝试：将其包装在div中，并提供div max层

资料来源：
，用于div
，用于图层（z索引）

---

第二次尝试：只需在iframe标签中添加“title”

---

两次尝试的结果

在这两种情况下，我都是。将其与我在一开始的“工作原理示例”代码进行比较，在这里您可以

---

请帮助：）

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

要在iframe上查看标题，必须设置iframe内容的标题，而不是iframe本身。（）

HTML

}))

---

但是，因为您正在处理flash视频，所以它不会以这种方式工作。Flash喜欢“接管”作为扩展，浏览器不会将其视为“页面的一部分”，因为它会显示工具提示。最好是创建一个以视频url为源的对象，然后将wmode设置为透明。（）

所以iframe用于视频以外的内容，在这种情况下，title可以正常工作。但是iframe+video=我骨瘦如柴。在这种情况下，您是说根本不使用iframe，而是使用html对象？您是否可以在您的答案中添加一个JSFIDLE示例？我不仅无法使用你第二个链接的代码获得标题，事实上它完全破坏了我的视频。下面是我尝试的JSFIDLE：注意：即使您可以修复我链接的JSFIDLE示例中的

内容，请注意它们都没有解决最初的问题：title。我知道您的解决方案希望我使用

wmode=“transparent”

，但我不明白这是如何得到我的标题的。我是否将其与我原来的帖子中的“try#1”相结合？外层是“包装师”，那有个标题？哦，嗯，我想我没想清楚。也许如果你把这个对象放在一个iframe中，然后用它。。。但是真的。这样做似乎工作量太大了。工具提示有必要吗？那么你的答案是“放弃”？：（我的回答是“嗯，没什么必要”没有生活依赖于我的html代码100%的美学完美或任何东西。然而，这就是为什么如此存在的原因。没有？标题文本是为盲人描述单个图片。视频也是图片，它们只是运动图片。标题文本似乎对他们和图片一样必要

<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"
>

<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>

<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 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>

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