목록2012/11 (3)
interactive
IR기법(Image Replacement)의미가 포함되어 있는 image를 배경으로 표현하고, 그에 상응하는 내용을 text로 전경에 기입하는 방법으로,시각이 있는 사용자는 이미지로 처리된 화면을 볼 수 있지만 "화면 낭독기를 사용하는 시각 장애인, CSS제거 및 인쇄"시에는 문자에 접근하거나 문자를 볼 수 있는 형태로 설계 하는 기법을 말한다. 1. display:block:none 속성으로 숨김처리 IR contents:Image Replacement Technique 2. text-indent 속성으로 글씨 날리는 방법 IR contents:Image Replacement Technique 3. 이미지에 z-index 값을 주어 텍스트 위로 띄우는 법 IR contents:Image Replacem..
CSS를 사용해서 특정 요소를 투명하게 할 땐 주로 두 가지 방법을 사용한다. 첫째가 opacity 속성이고 둘째가 rgba다. 1. opacityopacity는 지정한 요소 전체를 투명하게 하는 속성이다.속성값은 0~1 까지 사용하며, 0에 가까울 수록 투명정도가 더 크다.ex. opacity:0.3 또는 opacity:.3 - 앞에 소수점 0은 생략가능하다. ※ ie8이하 버전에서는 opacity가 지원되지 않아서 filter 사용하여야 한다. filter:alpha(opacity:'30')※ opacity 값을 준 영역안은 모두 투명값을 가진다. 2. rgbargba는 rgb 형식의 색 표현에 투명도를 표현하는 alpha 값을 추가한 것으로, 마지막에 오는 alpha 값에 의해 투명도가 결정된다.속..
background-size 속성은 CSS3에서 추가된 속성으로, CSS3 이전에는 처리할 수 없었던 배경 이미지 크기를 조정할 수 있다.값은 px와 % 같은 단위로 쓸 수 있고, auto, cover, contain과 같은 키워드를 쓸 수도 있다. *background-size의 지원 브라우저internet Explorer : 버전9만 지원firefox, chrome, safari, opera : yes background-size: 가로크기 세로크기; 기본값은 auto이며, 요소 배경으로 이미지를 삽입하면 요소 크기와 상관 없이 이미지 원본 크기대로 처리한다. 1. background-size:x px y px;가로 크기와 세로 크기를 모두 px 단위로 설정하면 설정한 크기대로 설정 된다 2. bac..