묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
CSS에서 Alpha 채널이용시 글쓰기가 안되는 문제
2008.07.28 01:33
개인홈페이지를 운영중인데, 다음과 같은 문제가 해결되지 않아 질문드립니다.
제홈페이지에서는,
ie6 이하에서 투명png를 구현하기 위해, 아래처럼 CSS에서 ie6이하 버전에서는 alpha채널(AlphaImageLoader)을 이용한 설정이 적용되도록 하고 있습니다.
---아래---
top { margin:0 auto; text-align:left; width:820px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="img/layout_top.png", sizingMethod="scale");}
head { margin:0 auto; text-align:left; width:820px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/layout_submiddle.png", sizingMethod="scale");}
main { margin:0 auto; text-align:left; width:820px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/layout_middle.png", sizingMethod="scale");}
foot { margin:0 auto; text-align:left; width:820px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/layout_submiddle.png", sizingMethod="scale");}
bottom { margin:0 auto; text-align:left; width:820px; height:20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/layout_bottom.png", sizingMethod="scale");}
------------
문제는, CSS에서 위 알파채널를 이용한 방법을 사용하지 않을 때는 아무 문제가 없는데,
알파채널을 사용하기만 하면, 댓글쓰기나 글쓰기 할때, textarea에 커서가 클릭이 되지 않는다는 점입니다.
테스트 : http://lawni.net/zbxe/pds/dispBoardWrite
다만, 글쓰기 화면에서 글상자 위에 있는 HTML에 체크를 하면, 그땐 또 textarea에 커서 클릭이 가능해져서, 글쓰기가 되더군요... ^^;
해결해보려고, 인터넷과 관련책들을 찾아봤지만, 해결되지 않아 도움 요청드립니다.
(첨부는 제가 현재 사용하고 있는 CSS파일입니다.)
제홈페이지에서는,
ie6 이하에서 투명png를 구현하기 위해, 아래처럼 CSS에서 ie6이하 버전에서는 alpha채널(AlphaImageLoader)을 이용한 설정이 적용되도록 하고 있습니다.
---아래---
top { margin:0 auto; text-align:left; width:820px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="img/layout_top.png", sizingMethod="scale");}
head { margin:0 auto; text-align:left; width:820px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/layout_submiddle.png", sizingMethod="scale");}
main { margin:0 auto; text-align:left; width:820px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/layout_middle.png", sizingMethod="scale");}
foot { margin:0 auto; text-align:left; width:820px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/layout_submiddle.png", sizingMethod="scale");}
bottom { margin:0 auto; text-align:left; width:820px; height:20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/layout_bottom.png", sizingMethod="scale");}
------------
문제는, CSS에서 위 알파채널를 이용한 방법을 사용하지 않을 때는 아무 문제가 없는데,
알파채널을 사용하기만 하면, 댓글쓰기나 글쓰기 할때, textarea에 커서가 클릭이 되지 않는다는 점입니다.
테스트 : http://lawni.net/zbxe/pds/dispBoardWrite
다만, 글쓰기 화면에서 글상자 위에 있는 HTML에 체크를 하면, 그땐 또 textarea에 커서 클릭이 가능해져서, 글쓰기가 되더군요... ^^;
해결해보려고, 인터넷과 관련책들을 찾아봤지만, 해결되지 않아 도움 요청드립니다.
(첨부는 제가 현재 사용하고 있는 CSS파일입니다.)