Happyfri.com Blog

Home
Experience
Guestbook
Admin
About

All Articles

• 냉풍기는 정말 효과가 있는것인가?

• 동반의 강자 VS 터프윈

• 확산되는 지자체 부도 그리고 제2의 부자감 .....

• 90년대 비운의 명마 풀그림

• 매직아이(Masic Eye)와 3DTV

• 저역시 반드시 반대를 하는 입장이라기 보단 .....

• 저는 전작권 연기에 찬성하고 있었습니다만. .....

• 사실 공직자로서의 자질론을 따지자면 제가 .....

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

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

• IE8 inline-block

2008

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)

- 복제의 최강자는?

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)

• 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