[html, css] 드롭다운메뉴에서 배경설정

Question

안녕하세요 드롭다운 메뉴에서 뒤가 살짝 보이는 배경을 설정하려고 합니다.위에 보이시는 것과 같이 하려고하는데요 ul 태그 아래에 li태그를 사용하여 드롭다운메뉴를 구성하고 있습니다. 저기 저런 오버레이된 반투명한 배경은 어떻게 구현해야 할까요??읽어 주셔서 감사합니다.

프리미엄 · Answer

CSS에 opacity 정해주시면 될 것 같네요. 0이 아예 안 보이고 1이 기본 세팅으로 가장 선명하게 나오니 소수점으로 조절하시면 됩니다.div { opacity: 0.5; }

니플 · Answer

배경색깔 자체에 투명도면 rgba을 사용해야 할 것같아요

ramesell · Answer

답변 감사합니다. li 에 호버시 배경이 나오고 싶은건데요

속성을

나

아래에 선언하면 div자체가 li나 ul에 맞추어져 버리더라구요 ㅜㅜ div태그를 어디에 써야 할까요??

니플 · Answer

음 html코드와 css를 보여주셔야 가이드가 가능합니다.안보여주신다면 위 이미지를 보고 추측을 할 것같아요

ramesell · Answer

html 코드 입니다.

니플 · Answer

서브메뉴가 menuThird클래스 안에 잇는 것가요?

ramesell · Answer

넵넵 총 3단메뉴 입니다. 저 오버레이가 나올부분이 말씀하신 css클래스 부분이구요

[html, css] 드롭다운메뉴에서 배경설정

7개의 답변

Q&A 목록