用图像添加悬停效果（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); 
}