将鼠标悬停在描述 woocommerce 上

Question

我进行了搜索，其中有一些与我的查询相关，尽管它们并不具体，也尝试了一些插件，但似乎没有为我点击。

我的目标是当用户在商店页面上时，他们可以将鼠标悬停在缩略图上，通过从该产品缩略图中获取该数据来查看该产品的描述。

示例（无悬停）：

http://s22.postimg.org/yiedgbpep/Screen_Shot_2016_10_28_at_11_28_59.png

示例 2（悬停）：

http://s17.postimg.org/49v85ev67/Screen_Shot_2016_10_28_at_11_29_33.png

我不介意自己做 css，但功能方面是我苦苦挣扎的地方，因为我认为它足够常见并且有一个插件可以用来开始使用它。

以上是我的主要查询，但如果回答下一部分同样容易，那就是在每个类别下创建一个自定义类，以便为每个类别设置某种颜色的样式，但第一个问题是我的主要问题查询。

我正在使用最新版本的 Wordpress 和 WooCommerce。

再次感谢。

Answer 1

简单

#box{

  width:50px;
  height:50px;
  background:yellow;
}
#box:hover {
  background:rgba(0,0,0,0.8);
  width:50px;
  overflow:hidden;
  height:50px;
  visibility:visible;
  cursor:pointer;
  }

希望对你有所帮助。这是您必须做的简单示例。