jugug.net ...NAKED

오늘 ABP에 관한글을 포스팅했습니다.
사실 어제 오후에 잠깐 쓰고 저녁에 마무리 하려고 한건데 저녁에 마무리 하려고 보니 내용이 너무 길어져서 오늘 완성했습니다.
아무튼 내용이 길다보니 고급사용법은 숨김처리를 했습니다.
글을 다쓰고 보니 firefox에서 숨김처리한 곳을 클릭해도 내용이 보이지 않더군요. IE에서는 이상이 없었습니다. 그래도 부랴부랴 숨김처리한것을 모두 해제했습니다.

오늘 쓴글만 그러나 하고 다른 글을 봤는데 다른 글도 그러는 겁니다. 혹시 내 블로그에서만 그러나 하고 다른 분의 블로그를 봤는데 제 블로그만 그러더군요..-_-

아 정말 원인이 뭐지 하면서 스킨을 분석하고, 자바스크립트 분석하고, 소스분석하고 다했습니다. 그런데 딱히 원인이 될만한 이유를 찾지 못하겠더군요.
그래서 최근에 스킨을 수정한것을 바탕으로 스크립트도 없애보고  했습니다. 그러다가 원인을 찾았습니다.

본문이 article이라는 div객체에 오는데 그 article에 CSS 선택자 :first-letter를 지정하면 그러더군요. 일단 동영상을 보시기 바랍니다.


어젠가 그제 블로그글 첫번째 글자가 크게 나오면 좀 괜찮겠다 싶어서 다음과 같은 스타일시트를 넣었습니다. article에 들어가는 본문 첫번째 문자를 크기를 30px로, 색을 #33a로 하라는 겁니다.(참고로 :first-letter 선택자는 IE에서는 7이상에서 표현됩니다.) 동영상을 보시면 아시겠지만, 이것을 넣으면 파이어폭스에서 숨김처리하는 부분이 눌러도 보이지 않게 되는것입니다. 그런데 이것은 파이어폭스3에서도 그러더군요. 얼마전 공개한 RC1에도 마찬가지입니다.

일단 본문에서 숨김처리는 toggleMoreLess라는 함수를 사용합니다. 티스토리자체에서 제공하는 스크립트인데요. 핵심은 숨기는 부분의 스타일을 display:none;속성을 줬다가 안줬다가 하는 것입니다. 이 스크립트자체에는 문제점을 발견하지 못하였습니다.

그래서 제가 자체적으로 만든 숨김처리 스크립트를 써보았습니다. 그냥 옆에 최근댓글 같은거 숨기는 스크립트인데요.. 원래 이 스킨의 원본에 포함되어 있는 스크립트를 제가 살짝 개조를 한거죠.

그건 잘 동작을 하더군요. 그런데 이러한 사태가..