将鼠标悬停在说明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＆amp; 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;
  }

我希望它会对你有所帮助。这是一个简单的例子，你必须做什么。