刪除圖像懸停效果

Question

我正在使用的大橋主題此WordPress站點（由Qode）：http://www.musegroupreno.com/plp/

有在具有懸停效果的主頁上的小方塊圖像。我正在使用Masonry Gallery（一個Qode插件到Visual Composer插件），這使得我可以設置每個正方形/矩形類型，使其具有可靠的疊加/背景顏色。所有小方塊（文字和圖片）都是一樣的。問題在於我們希望文本方塊具有粉色背景，圖像正方形不會在鼠標懸停時轉換爲粉紅色。

我們希望小方形圖像的外觀和行爲像高大的矩形一樣，如果將鼠標懸停在上面，則沒有任何變化。發生這種情況是因爲覆蓋/背景顏色設置爲opacity:0;。如果我爲小方塊做這件事，我會在文字方塊後面丟失粉紅色，但圖像看起來很棒。

在現有系統中，沒有辦法分別爲圖像/文字方塊或每個方塊設置單獨的類。

所以我無法弄清楚的是如何去除懸停狀態轉換，以便它不覆蓋mouseover上的粉色圖像，但在文本方塊中留下背景粉紅色。

它看起來像是改變不透明度的.masonry_gallery_item_inner元素。我認爲它正在改變背景顏色，但我不確定。任何幫助表示讚賞。

Answer 1

.masonry_gallery_item.standard:hover .masonry_gallery_item_inner { 
    opacity: 0; 
} 

.masonry_gallery_item.square_small .masonry_gallery_item_inner { 
    background-color: rgba(255,235,233,1); 
} 

這與您需要的工作方式相同。 可能是你設置不透明度：0;上課「.masonry_gallery_item.square_small .masonry_gallery_item_inner」，這就是爲什麼你失去了粉紅色的背景。