Question

当我将鼠标悬停在文本上并像Wikipedia预览中一样弹出图像时，我想显示图像。我正在使用新的Google网站，因此对CSS的访问权限受到限制。

我已经尝试过在新的Google网站中使用该文档，但是无法显示图片。

<span img src="http://www.pngmart.com/files/2/Pikachu-PNG-HD.png">I am hovering over the text </span>

请注意，我添加了额外的空间来显示完整的代码。

当鼠标悬停在索引词上时，我想在新的google网站上显示类似于Wikipedia的内容。

更新和解决方案：在@synapsis发布示例之后，其他人指出了错误，我发现在google网站中，可以在HTML标签内添加执行悬停任务（或任何html任务）所需的所有必要结构。您会闻到我在几英里之外创建网站的经验。

这是完整的代码：

<object>

<style type="text/css">

.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99; }
.hover_img a:hover span { display:block; }
</style>

<div class="hover_img">
     <a href="#">Show Image<span><img src="http://www.pngmart.com/files/2/Pikachu-PNG-HD.png" alt="image" height="100" /></span></a>
</div>
</object>

此解决方案混合了另一个stackoverflow链接1

以固定文字显示图像

0 个答案: