Wordpress媒体文件 - 悬停在图像上

Question

我需要做什么：

我通过媒体上传器在可视化编辑器中将图像添加到wordpress帖子中。

在悬停在这些图像上的网站上，我希望它为具有黄色背景和不透明度以及“+”符号的另一个图像执行悬停效果。

我尝试过很多东西，甚至是“image hover”的旧插件，但都没有用。

有没有办法只用css做到这一点？没有脚本？如果是的话 - 怎么样？

Answer 1

这是css，但它也需要一些html更改。

这是一个Fiddle来验证这是你想要的。

@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css');

.size-thumbnail {
    position: relative;
    text-align: center;
    width: 150px;
    height: 150px;
}

.size-thumbnail:hover:before {
    content: "\f067"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #000;
    font-size: 50px;
    position: absolute;
    line-height: 150px;
    width: 150px;
    background-color: rgba(255,247,102,0.5);
}