MaKeYOurOwN mkyoon

오늘 크롬을 켰다가 놀랐습니다.




보이십니까?
보이지 말아야 할 legend가 나오는 바람에 화면이 깨지는 모습을..
(예를 Daum으로 들었을 뿐, Daum에 악감정은 없습니다 ㅠㅠ)

이건 Webkit에서 잠시 보였던 현상과 동일합니다.



동일하죠?

Chrome이 Webkit 엔진을 쓰면서
Webkit 에 있었던 문제를 Chrome이 그대로 가져오게 되는군요.

Webkit의 최신 버전에선 이미 고쳐졌습니다.
이제 Chrome이 어서 고쳐지기만을 바래야죠.


위와 같은 현상은 Webkit이 기본적으로 적용하고 있는 User Agent Stylesheet에서
신기한 속성을 적용하면서 부터 시작됐습니다.

legend  { display: block !important; }

User Agent 의 스타일 시트에서 !important 속성을 넣다니요-_-
CSS 2.1 Spec 에서 명시하고 있는 스타일시트의 적용 순서는 다음과 같습니다.

1. user agent declarations
2. user normal declarations
3. author normal declarations
4. author important declarations
5. user important declarations

스타플에도 같은 문제가 있었기에
제가 만든 CSS에서 다음과 같이 넣어주었습니다.  (3. author important declarations)

 legend { display: none !important; }

그런데도 아주 정확히 legend가 나타나네요. 하하-_-;

결국

 legend { 
    display: none;
    position: absolute; 
    visibility: hidden; }

요렇게 꼼수로 넣어주고 급한 불은 껐습니다. 하하-_-;

Posted by mkyoon