ie에서 iframe 배경색상을 설정하기 위해
style="background-color:#000000;" 등 이런저런 방법을 다 동원해보지만
설정을 할 수가 없다.
다만 FF(fire fox:파이어폭스)에서는 가능하다.
그럼,
아이프레임(iframe) 배경색상을 어떻게 하면 바꿀 수 있을까?
iframe영역내 화면은 별도로 이루어져있으며 해당 화면의 영향을 받기 때문에
예를 들어 src="a.html" 이고 배경 색상이 빨간색이면 iframe 영역이 빨간색이 된다.
따라서 배경색상을 설정할 수 없으며 다만, iframe 페이지의 배경색을 투명하게
할 수 있는 속성을 지원을 하기 때문에 이 속성을 이용할 수 있다.
allowtransparency
소스 예>
<iframe src="a.html" allowtransparency="true"></iframe>
참고: Internet Explorer 5.5 버전 이상부터 지원
[css-tip]css 초기화
초기화를 하지 않는 경우 브라우저마다 버전마다 기본으로 지정되어있는 css를 사용하게되어 크로스브라우징을 구현하는데 문제가 된다.
초기화를 하게 되면 모든 브라우저에서 다 공통으로 지정이되므로 크로스브라우징을 구현함에 있어서 권장한다.
아래 에를 참고로 본인이 원하는 css 초기화를 구현할 수 있다.
예> * 는 전체를 뜻한다.
/* css 초기화 */
*{
margin:0; /* margin 여백 : 0 */ padding:0; /* padding 여백 : 0 */ border:0; /* 선 굵기 : 0 */ background-color:transparent; /* 배경색상 투명 */ color:#666; /* 색상 */ font-size:100%; /* 폰트 크기 */ font-weight:normal; /* 폰트 굴기 */ font-style:normal; /* 폰트 모양 */ text-decoration:none; /* 폰트 장식 */}
|
