将HTML嵌入到HTML属性中以便由css内容显示:attr()?

时间:2015-07-22 02:54:43

标签: html css attributes html-parsing

我意识到标题很难理解,但我想要做的事实上真的很简单。我有一个名为&#34的自定义HTML属性;含义"并将它用于像这样的跨度标签:

<span meaning="A type of fruit">kumquat</span>

然后当用户使用CSS将鼠标悬停在单词kumquat(或其他)上时,我会显示它:

[meaning]:hover:after {
    content: attr(meaning);
    //various cosmetic and positioning styles here
}

但是如果我想在意义属性中嵌入斜体,样式文本等,当我将鼠标悬停在链接上时,它只会显示为未解析的HTML,如下所示:

a kumquat is a type of <a href="en.wikipedia.org/wiki/Fruit">fruit</a>

我认为这是因为浏览器(至少不是我使用的Firefox,以及市场中足够大的一部分,即使它在其他任何地方也可以使用,我仍然无法使用该解决方案)并且#39 ; t解析嵌入在HTML属性中的HTML,即使这些属性稍后由CSS显示为文本。有没有其他方法可以做到这一点,也许使用jQuery?

0 个答案:

没有答案