css - 将图像标题属性设置为标题？

Question

[新的]

根据我的发现，无论哪种方式，我都不能使用“之后”或“：之前”，因为这不是我的函数运行的方式。我的更新是，当您单击链接时，div 会出现相关图像和标题，而标题现在是存储在标题覆盖 div 中。

如何让标题信息显示在 div 中？

这是我的更新链接：http: //jsfiddle.net/SGktV/26/

[OLD] 我在这个链接中有以下代码：http: //jsfiddle.net/SGktV/25/

当你点击一个链接时，一个隐藏的 div 会随着 src 和 title 属性在图像中淡出。我唯一担心的是我知道您可以使用 :before 和 :after 设置标题属性的样式，但我知道它们在 IE 8 中不起作用。有没有人找到解决方案或者我可以使用其他方法来显示与相关的标题点击的链接？

 content: attr(title);

希望我的代码有帮助，谢谢！

Answer 1

更新

如果指定了 !DOCTYPE，IE8 仅支持 content 属性。

---

但是你使用contentCSS3 Pie。

你可以使用 CSS3 和 CSS3 Pie 它在 IE 中工作。

Answer 2

我没有使用 :before 和 :after 通过这样做解决了这个问题：

http://jsfiddle.net/SGktV/28/

基本上，我将 jQuery 中的行改为：

$("#hiddenPanel #caption-overlay").text($(this).attr("data-title"));

并在图像标签下添加了 div 标签：

 `<div id="caption-overlay"></div>`

这是正确的方法吗？