오늘 소개하는 건 익스6에서만 발생되는 셀렉트박스 위로 레이어 팝업이 존재할때 뚫고 나오는 셀렉트박스를
iframe을 통해 감추는 방법이다.. 머 대부분의 웹퍼블리셔분들이 다 알고 있는 거겠지만, 난 꼭 이 방법을
잊을만하면 또 생기는 경우가 있어서 아예 여기다가 남겨놓고 초스피드로 해결하려고 한다.
아, 다른 방법도 있다.. 레이어팝업의 위치를 옮기자고 울고불고 매달리는 것이다 -..-
위 이미지가 기본 아이프레임 모습이다. 겉에 테두리가 생기는 데 익스에서는 border 속성으로는 없앨수 없는 녀석이다. css에 filter: alpha(opacity=0); 을 넣어서 투명하게 처리해야한다.
파폭에서는 border:none 만 넣어주면 테두리가 사라진다.. 하여간에 이런것들때문에 코드 용량이 늘어난다..
레이어팝업의 가장 바깥 div 위에다가 iframe 코드를 넣준다.. 그리고 두뇌 회전을 빨리 해서,
필요한 길이와 높이, 위치값을 정확하게 계산해서 css에 넣고 익스 6에서 테스트를 한다.
접근성 차원에서 iframe title에다가도 간단한 문구를 넣준다.
빵꾸를 때운 결과화면이다.. 큭큭~
"메뉴얼" 카테고리의 다른 글
제목 : font-family '돋움' 으로선언시 'Dotum'(영문) 으... 댓글 : (3)
작성일 : 2009/04/30제목 : 익스6 png 처리~ 댓글 : (2)
작성일 : 2009/04/06제목 : 레이어팝업 위로 뚫고 나오는 셀렉트박스 감추기 댓글 : (9)
작성일 : 2009/04/03제목 : 메일코딩 댓글 : (4)
작성일 : 2009/03/23제목 : 응용프로그램 환경설정 초기화 댓글 : (2)
작성일 : 2009/03/18
위 이미지는 지원 브라우저목록을 나타내는 이미지입니다. 인터넷익스플로러, 파이어폭스, 오페라, 사파리, 크롬브라우저등에서 블로그 이용이 가능합니다.
댓글
처음으로 방문했는데
위의 댓글에 관한 답글입니다.좋은 정보가 많네요~
저도 디자이너이면서 퍼블리싱을 같이 하고 있는데..
슬픈 공감가는 글이 많아서 ㅠㅠㅠ
안녕하세요~
디자인 하시면서, 웹퍼블리싱도 같이 하시느라 정말 힘드시겠습니다.
제 블로그 글이 약간이나마 도움이 됬다니 다행이네요~
저는 근데, 언제 퇴근할가여 -.-
일이 해도해도 끝이 안보입니다~
익스가..
위의 댓글에 관한 답글입니다.z-index 문제도 많죠..
부모요소의 z-index값 영향도 받고.. 암튼 머리에서 생각한 것과 다르게
자신만의 세계를 잘 보여준다는...
네 맞아요...
그래서 다른방법으로 우회해서 작업을 주로 합니다.
포지셔닝은 잘 안써여~
아이프레임
위의 댓글에 관한 답글입니다.frameborder="0" 하시면 테두리 없어집니다.
안녕하세여~
그런방법이있었군요..
<iframe frameborder="0"></frame> 을 주게 되면 확실히
테두리가 사라지는걸 확인했습니다, 이걸 css에 넣을순 없나여?!
css 에서는 안먹히더군요 ㅎㅎ
그래도, filter: alpha(opacity=0); 주는거보다는 인라인으로
frameborder="0" 을 주는게 더 괜찮다고 생각되네염..
팁 감사드립니당~
frameborder="0"은 iframe 태그에 있는 속성이라서 css 말구 그냥 저렇게 써줘야하죠 ^_^
감사합니다 덕분에 잘 해결했습니다.
위의 댓글에 관한 답글입니다.안녕하세요~ 도움이 되셨다니 저두 뿌듯하네요!!
웹디자이너분이신듯한데, html/css 도 하시나보군요~
고생이 많으십니다~
사실, 지금 읽어보면 설명이 다소 어려운거같다는 느낌도 드는데,
잘해결하셨다니 다행이네요~ 추후에 시간날때 부분적으로
수정을 할가 생각중입니다,
블로그 접근 기록을 보면 은근히 이 글이 제 블로그의 방문객수를
늘리는데 한몫하거든여...
방문 감사하고 댓글도 남겨주셔서 감사합니다, 추운데 감기 조심하세여~