[원문 - http://robby.egloos.com/1200034]
마이크로 소프트에서 제공하는 AlphaImage Loader를 어떻게 사용하는지 알아보겠습니다.
이걸 사용하는 이유는 png 형식의 이미지는 IE7과 FF(Fire Fox)에서는 지원을 하지만 문제는
IE6에서는 지원을 안하고 있습니다. 아쉬운데로 아래와 같은 필터를 사용하는 수 밖에요
예제 소스는 아래와 같습니다.
이미지에 알파값을 주고 싶을때
.class이름 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/img/header_banner_img.png',
sizingMethod='crop');
}
레이어를 투명하게 하고 싶을때
<DIV ID="oDiv" STYLE="position:relative; height:250px; width:250px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/workshop/graphics/earglobe.gif', sizingMethod='scale');" >
</DIV>
간단하게 이미지 경로와 크기 조절하는 것을 삽입했습니다.
이렇게 넣으면 이미지 본래 이미지대로 표시하게 됩니다.
sizingMethod :
Sets or retrieves the manner in which to display an image within the boundary of the object that the AlphaImageLoader filter is applied to.
위에 영문으로 써 놓았는데 요약하자면, 그림을 어떻게 표시하겠느냐 하는 것이겠죠
종류로는
- crop : Clips the image to fit the dimensions of the object. (원래 객체의(여기서는 이미지)에 크기 비율에 맞게 디스플레이 합니다.
- scale : Stretches or shrinks the image to fill the borders of the object. 상위의 객체에 꽉 체워 줍니다. 만일 이미지를 싸고 있는 레이어가 있다면 그 레이어에 크기에 맞게 그림이 좌악 늘어납니다.
- image : Default. Enlarges or reduces the border of the object to fit the dimensions of the image. 기본 설정값으로 본래의 이미지 크기로 보여줍니다.
'작업노트 > HTML & Script' 카테고리의 다른 글
CSS display 속성 값 종류 (0) | 2012.09.20 |
---|---|
JTidy (HTML Parser) (0) | 2009.10.07 |
scrollHeight / clientHeight / scrollTop (0) | 2009.03.13 |
ActiveX가 있는 페이지에서는 레이어 처리가 불가능하다. (0) | 2008.11.19 |
IETester (0) | 2008.11.07 |
'작업노트 > HTML & Script' 카테고리의 다른 글
[펌] CSS에서 AlphaImageLoader Filter를 사용한 투명한 이미지 만들기 (0) | 2014.04.18 |
---|---|
JTidy (HTML Parser) (0) | 2009.10.07 |
scrollHeight / clientHeight / scrollTop (0) | 2009.03.13 |
ActiveX가 있는 페이지에서는 레이어 처리가 불가능하다. (0) | 2008.11.19 |
IETester (0) | 2008.11.07 |
1. 준비단계
- 고객 인터뷰1
- 자료수집 및 분석
- 튜닝계획 수립
- 고객 인터뷰2
2. 실행단계
- 디자인 튜닝
- 애플리케이션 튜닝
- 서버 튜닝
- 의문점/문제점 분석
- 튜닝대상 적용
- 고객 인터뷰3
3. 결과분석단계
- 튜닝 후 자료수집/분석
- 튜닝결과 평가
- 산출물 작성
- 고객 인터뷰4
튜닝 방법론의 주요특징
1) 빠른 단계일 수록 큰 효과 : 디자인 튜닝 > 애플리케이션 튜닝 > 서버 튜닝
2) 단계별 튜닝 결과는 다음 단계에 영향
3) 반드시 튜닝 목표를 설정
4) 튜닝 기록 보관이 중요
5) OOP설계 및 CS환경의 효과적 적용이 적은 비용의 좋은 성능을 보장
6)DBA ->서버튜닝
개발자 -> 애플리케이션 튜닝
분석/설계자 -> 디자인 튜닝