Design

메뉴바 투명하게 하기.

메뉴에 마우스 가져가면 서브 메뉴가 내려옵니다.
이 내려오는 부분을 투명도를 줄려고 합니다.
아래 슬라이드이미지가 보이도록요...
어떻게 하나요?

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 배**영 2016-05-09

    배경 반투명 방법은 여러가지가 있습니다.

    아래와 같이 rgba를 이용하여 배경을 적용했습니다. (ie8에서는 rgba가 적용되지 않기에 앞에 background를 따로 적용시켜놧습니다.)

     

     

    ie8에서도 배경을 반투명하게 하시려면 배경 레이아웃을 따로 지정하여 opacity를 주는 방법이 있습니다.

    (해당 레이아웃의 텍스트나 이미지도 같이 반투명이 됩니다.)

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";     (ie8 적용 소스입니다.)

     

    또는 배경 background-image를 반투명하게 만들어서 repeat 시키는 방법도 있습니다.

댓글작성

열기 닫기

댓글작성

top