현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

[완료]CSS로 스타일 지정시 Not operator 같은게 있나요?

tomahawk28의 이미지
글쓴이: tomahawk28 / 작성시간: 토, 2009/02/21 - 12:49오전

예를 들어

span#focus {
 background-color: black;
}

같은 경우와는 정반대로, focus를 입력받은 DOM객체 이외 모든 것의 background-color를
바꿀 방법이 있을까요?

구글 리더 같은 App에서 도움말을 클릭할때 배경이 흐려지는 그정도 효과를 보고 싶어서인데..
머리가 안돌아 갑니다 --;

Forums: 
프로그래밍 QnA
7339989b62a014c4ce6e31b3540bc7b5f06455024f22753f6235c935e8e5의 이미지

글쓴이: 7339989b62a014c... / 작성시간: 토, 2009/02/21 - 11:39오전

가로, 세로 100%의 div를 하나 만들고 배경색을 까맣게 하면 됩니다.

#overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  background-color: #000;
  opacity: 0.7;
  filter: opacity(alpha=70); /* for IE */
}

물론 z-index를 적당히 조정해야겠죠;

klutzy의 이미지

글쓴이: klutzy / 작성시간: 토, 2009/02/21 - 1:06오후

not 자체를 원한다면 css3에 :not()이라는 게 있긴 합니다. IE에서 지원을 안 하는 게 문제이긴 한데.. http://www.quirksmode.org/css/contents.html

근데 그냥 div 하나 만드는게 쉬운 해결책인 거 같네요.

둘러보기