Html 图像隐藏语音气泡工具LTIP

我有一段代码，当你将鼠标悬停在图像上时，隐藏的语音气泡会出现

我试过这样做：

 <img src="{image:sidepic}" style="width:100%; border:1px solid {color:border}; margin-
 bottom:6px;{block:ifroundedsidepic}-webkit-border-radius:100px; -moz-border-
 radius:100px; border-radius:100px;{/block:ifroundedsidepic}"/>

我还尝试在CSS中创建一个图像id“#kuroko”，并将html更改为

<img id="kuroko"  src="{image:sidepic}" /><span>Hidden message here.</span>

此处隐藏消息。

---

但它没有起作用。是否有任何可能的方式来设置此图像的样式？

要在一个元素之后设置另一个元素的样式，您需要使用选择器：

+

。 你的情况将是：

<img/><span></span>

对于使用属性

title

和来自

img

的伪元素的情况，这是不可能的<例如，code>img和input不能生成伪元素

<img id="kuroko"  src="{image:sidepic}" /><span>Hidden message here.</span>

<img/><span></span>

img + span {
display:none;
}
img:hover + span {
display:block;
}