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