添加图像悬停效果（wordpress）

Question

将图像透明度添加到wordpress的最佳解决方案是什么？我有一些公司徽标，我想要褪色，直到你将它们悬停在它们上面....有一个简单的解决方案吗？寻找合适的代码和css ...非常感谢。

Answer 1

首先为所有公司徽标图像定义一个类 -

<img class="company-logo" src="..."/>

然后为这样的公司徽标类添加CSS -

img.company-logo {
    opacity: 0.5; /* Set this to whatever value you want */
    filter: alpha(opacity=50);
}

img.company-logo:hover {
    opacity: 1; /* make the images fully opaque */
    filter: alpha(opacity=100);
}