通过css和data-field的HTML5工具提示适用于链接,但不适用于图像

wir*_*bel 1 css html5 custom-data-attribute

按照教程http://ejohn.org/blog/html-5-data-attributes/我想调整创建图像工具提示的过程(而不是链接).所以我将"工具提示"类规则调整为通用而不是a特定于标签.

我在js-fiddle中重现了我的努力http://jsfiddle.net/AqPN8/

正如你在小提琴中看到的那样,它确实适用于链接,但不适用于图像.你知道为什么不知道吗?

从技术上讲,我认为:hover同样也应该为此<img>而且<a>.

And*_*ion 5

您不能使用::before/::after对不能生育的标签,即伪元素,<img>,<br>,<hr>,等:对于MDN文档:before

:before创建一个伪元素,它是匹配元素的第一个子元素.