将鼠标悬停在描述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; 
    } 

我希望这会帮助你。这是一个简单的例子，你必须做的。