将图像标题属性设置为标题?

时间:2013-07-22 10:14:55

标签: css attributes cross-browser title

[新]

根据我的发现,无论哪种方式我都不能使用“之后或:之前因为它不是我的功能将如何运行。我的更新是当你点击一个链接时,div出现了相关的图像和标题,以及标题现在存储在caption-overlay div中。

如何获取要在div中显示的标题信息?

以下是我更新的链接:http://jsfiddle.net/SGktV/26/

[老] 我在此链接中有以下代码:http://jsfiddle.net/SGktV/25/

当您点击链接时,隐藏的div会在图像中使用src和title属性淡化。我唯一担心的是我知道你可以使用:before和:after来设置title属性,但是我知道它们在IE 8中不起作用。有没有人找到解决方案或者是否有替代方法可以用来显示与之相关的标题链接点击了吗?

 content: attr(title);

希望我的代码有所帮助,谢谢!

3 个答案:

答案 0 :(得分:1)

<强>更新

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

<小时/> 但您将contentCSS3 Pie一起使用。

你可以将CSS3与CSS3 Pie一起使用它可以在IE中使用。

答案 1 :(得分:0)

也许你可以看看这个链接,我希望它有所帮助。

css tricks

答案 2 :(得分:0)

我已经解决了这个问题而不使用:before和:之后执行此操作:

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

基本上,我在jQuery中更改了我的行:

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

并在图片标记下添加了div标记:

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

这是正确的方法吗?