Happyfri.com Blog

Home | Experience | Guestbook | Admin | About

http://www.happyfri.com/blog/102

보통 overflow:hidden의 주 사용도는 하위엘리먼트(컨텐츠)에 대한 Mask를 처리를 감행하여 컨텐츠를 보여주고자 할때
주로 사용된다.
주로 Interaction이 필요한 작업에 요긴하게 활용될 수 있다.
그런데 IE에서는 (7이하) 하위엘리먼트에 position:static 속성이 아닐경우 부모의 overflow영역 밖으로 벗어나 보이는 현상이
발생한다.
이렇게 되면 실상 마스킹을 할 이유가 없는 것이다.

F ?

1
2
3
4
5

<div style='overflow:hidden; width:300px;'>
 <div style='position:relative; width:400px;'>
  Content
 </div>
</div>

위의 경우 100px의 영역은 짤려야 정상이지만 실상 자식요소는 보이게된다.
따라서 이문제를 막기위해서 컨테이너가 되는 요소에 position:relative를 추가해주면 IE에서 이문제를 해결할 수 있다.

F ?

1
2
3
4
5

<div style='overflow:hidden; position:relative; width:300px;'>
 <div style='position:relative; width:400px;'>
  Content
 </div>
</div>

EDIT | DELETE

Leave Comment

- AshAccordion(extends AshEventDispatcher)

- 복제의 최강자는?

All Articles

• 한화 갤러리아몰 오픈

• IE8은 opacity[ filter:al . . .

• Better +operator than P . . .

• CSS parse VS Offset per . . .

• 스마트기기 및 하이브리드앱 개발을 위한 A . . .

• 안녕하세요. 답변이 늦었습니다. 당시에 . . .

• 네, 형님 정말 얼굴 한번 봐요~ 형님도 . . .

• 안녕하세요. 현재 AshSelectBox . . .

• 타블로의 악플러는 과연 처벌 대상인가?

• 타블로는 경고한다 그 입다물라!

• IE8 inline-block

2008

LINK • SUMMARY

• Flash

FlashBookmarks

Share related link.

Mike Chambers

A Principal Product Manager at Adobe.

theFlashBlog

A Platform Evangelist Lee Brimelow's blog at Adobe.

EverydayFlash

A blog about 3D flash and actionscript by Bartek Drozdz.

• Reference

Gecko DOM

MSDN Library

Mozilla CSS

CS4 ActionScript 3.0 Language

PHP: Hypertext Preprocessor

• ETC

IEBlog

Behance Network

Creative Portfolios,Projects, and Collaborations

• people

ddakzzi

A significant person.

Namoo Interactive

Just a good man.

Jin_u as blog

Ghost-Corps' Chief Flashist.

해맑게 웃기

A Promising Flashist.

Phoebe

A Web Publisher.
(Team.L / d'strict)

nemo

A Web Publisher.
(Senior / d'strict)

• 2010-10-31	AshAPI(1.9) Update - AshTextMarquee / AshMarquee. - AshScrollBar

• 2010-10-28	YouTubePlayer RemoteController(0.75) - Easy to add tracks and to load videos. - Eidetic serviceability, immediacy

• 2010-08-20	ash3 lib's(classes based as3) AsDoc - Core Assets(LayoutManager, DockingManager, Scroller) - Useful Assets(AshHTMLElement...) - UICompenent Assets(AshUIC Serieses)

• 2009-05-08	AshCodeHighlighter(0.98) now available - Third Party/Code Compressor - AS/JS/PHP/HTML All keywords - Auto code sizing

• 2009-04-23	AshAccordion addition - Runtime changeable - Support multi type Easy usage

• 2009-04-13	AshAPI(1.6) download available

• 2009-03-22	AshGoogleSearch.Image Google AJAX API + AshAPI

HOME | TOP | ADMIN | NEW POST / FEED - RSS 2.0