如何“始终”显示元素，该元素仅在悬停时可见？

要实现元素始终显示，但仅在悬停时可见的效果，可以使用CSS中的伪类选择器:hover。下面是一个示例的解决方案：

HTML代码：

<div class="container">
  <div class="element">这是一个元素</div>
</div>

CSS代码：

.container {
  position: relative;
  width: 200px;
  height: 200px;
}

.element {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.container:hover .element {
  opacity: 1;
}

解释：

1. 首先，创建一个包含元素的容器，设置容器的宽度和高度。
2. 将元素的定位方式设置为绝对定位，并使用transform属性将元素居中显示。
3. 将元素的初始透明度设置为0，这样它在页面加载时将不可见。
4. 使用transition属性为元素的透明度添加过渡效果，使其在悬停时平滑显示。
5. 使用:hover伪类选择器，当鼠标悬停在容器上时，将元素的透明度设置为1，使其可见。

这样，当鼠标悬停在容器上时，元素将逐渐显示出来，鼠标移开时又会逐渐隐藏。

推荐的腾讯云相关产品：腾讯云云服务器（CVM） 腾讯云云服务器（CVM）是一种可随时扩展的云计算服务，提供高性能、可靠稳定的云服务器实例，适用于Web应用程序、中小型数据库、小型游戏服务器等各种场景。您可以根据业务需求选择不同的配置和操作系统，轻松部署和管理您的应用程序。

了解更多腾讯云云服务器（CVM）的信息，请访问：腾讯云云服务器（CVM）产品介绍