鍍金池/ 問答/HTML/ 一個類選擇器加hover后如何彈出不透明背景的隱藏框?

一個類選擇器加hover后如何彈出不透明背景的隱藏框?

1.一個類選擇器框:.menu-scan01-bkg設(shè)置半透明背景后,再通過.menu-scan01-bkg:hover .bkg-color改變子框背景色時,背景色也變?yōu)橥该鞯?。如何使其背景色顯示為不透明?
2.包含.menu-scan01-bkg的父元素#menu-scan01通過#menu-scan01:hover .hadddenbox彈出的子隱藏框背景色也變?yōu)榱送该鞅尘吧?。如何使其背景色顯示為不透明?

clipboard.png

clipboard.png

效果圖:1.加了半透明

clipboard.png
2.hover后改變了背景色(本應(yīng)為不透明的背景色)

clipboard.png

回答
編輯回答
寫榮

自己解決了,只需加兩個hover選擇器,設(shè)置鼠標(biāo)經(jīng)過時更改.menu-scan01-bkg的背景opacity值為1即可

如圖
clipboard.png

2017年4月2日 15:35
編輯回答
擱淺

試試 給#menu-scan01:hover .bkg-color{background-color:#87ceff; opcity: 1} 鼠標(biāo)移上去的時候把透明度改為1

2017年8月12日 17:05