css3 검색 결과

해당 글 4건

CSS 이벤트 제어(pointer-events ) 속성

흔히 이벤트가 부여된 요소를 숨기면 해당 이벤트가 작동하지 않을꺼라 생각합니다. 대부분 의도한 결과를 반영하지만 숨김처리에 사용한 방법이 opacity 속성을 이용한 경우라면 가시성은 없지만 해당 영역의 이벤트에 응답하게 됩니다. 이를 강제로 제어하기 위해서는 pointer-events 속성을 활용해야 하며 관련하여 아래에서 추가적인 정보를 서술하였습니다. 숨김 처리 속성에 따른 특성 요소를 숨길때 사용하는 CSS 속성은 제각기 고유의 특성을 지니고 있다. 아래의 표를 참고하자. 숨김 속성과 값 공간점유 이벤트 탭(Tab) 접근 opacity: 0 점유 활성 가능 visibility: hidden 점유 비활성 불가능 visibility: collapse 테이블안에서만 비점유 비활성 불가능 display:..
웹코딩/CSS 2016. 2. 1. 11:00

CSS3PIE - CSS3 속성 크로스브라우징

둥근 모서리, 부드러운 그림자, 그라데이션을 구형 브라우저에서 구현해주는 PIE에 대하여 알아봅니다. CSS3PIE 소개 PIE는 몇가지 유용한 CSS 장식 속성들을 IE6~9에서 렌더링 될 수 있게 만든다. HOME http://css3pie.com DOWN Download the PIE distribution PIE가 지원하는 속성 border-radius box-shadow border-image multiple background images linear-gradient as background image 또한, PIE는 이미 기본적으로 다른 기능을 지원하는 IE9에 border-image 속성과 linear-gradient 속성에 대한 지원을 추가한다. CSS3PIE 사용법 위의 다운로드를 이용..
웹개발론/크로스브라우징 2015. 5. 19. 17:00

Selectivizr - CSS3 선택자 크로스브라우징

구형 브라우저에서 CSS3 선택자 사용을 위한 크로스브라우징을 알아봅니다. Selectivizr 소개 selectivizr는 CSS3 가상클래스를 에뮬레이트하여 IE6~8에도 해당요소에 적용된 스타일을 볼 수 있게 하는 자바스크립트 유틸리티이다. 해당 페이지에 selectivizr 스크립트를 인클루드 시키기만 하면 나머진 자동으로 처리된다. HOME http://selectivizr.com/ IE의 선택자 엔진을 향상 Internet Explorer 구버전에도 19개의 CSS3 가상클래스와 2개의 가상요소, 그리고 모든 속성 선택자의 지원을 추가하였다. 또한 브라우저의 네이티브 선택자들의 몇 가지 문제를 해결하였다. 자바스크립트 지식 없어도 됨 이 스크립트는 자동으로 처리되기 때문에 굳이 자바스크립트 지..
웹개발론/크로스브라우징 2015. 5. 19. 12:00

opacity 와 rgba (Transparent)

CSS3에는 투명도를 조정하는 두가지 속성이 있습니다. 바로 opacity와 rgba 속성인데, 해당 속성들은 적용시 조금씩 차이를 보이는데 이에 대하여 자세히 알아봅니다. OPACITY 속성 CSS3에는 opacity 라는 속성을 가지고 있다. 요소의 Transparent(투명화) 정도를 조절하는 속성인데 포토샵등의 그래픽툴을 이용해서 투명도를 조절하는 것과 같은 원리이다. IE Chrome Firefox Opera Safari opacity 9.0부터 지원 지원 지원 지원 지원 예상했겠지만 IE6~8 버전들은 이를 지원하지 않는다. 대신 filter를 사용해서 이와 비슷하게 꾸밀 수 있다..transparent8 { zoom: 1; /* ie 5,6,7 bug fix */ filter: alpha(o..
웹코딩/CSS 2012. 12. 31. 02:24