시간을 사진하다 썸네일형 리스트형 IE에서만 발생되는 z-index 버그...ㅡㅡ^ 부모객체부터... 소스코드를 보면 노란 박스가 z-index 가 20인데도 z-index 가 10인 초록색 박스 밑으로 깔려버린다. 두 박스의 차이점은 노란박스를 싸고있는 다른 div 가 하나 더 있다는 차이점 뿐이고, 노란박스를 싸고 있는 div 는 position:relative 로 되어있다는 것이다. IE 에서만 이런경우 z-index 를 무시해 버린다. 이유는 잘 모르지만 노란박스가 20 의 z-index 값을 갖고있지만 노란박스를 싸고 있는 div 는 z-index 가 지정되지 않아 0 이고, 그의 자식인 노란박스가 그것을 따르는 것 같다. 시험삼아 노란박스를 싸고 있는 div(#container) 에 z-index 20 을 주니 정상적으로 동작했다. IE 에서는 포지션이 지정된 엘리먼트의 자식노드들은 부모 노드.. 명쾌한 개념 정리 div display : inline block float 1. display block Element 를 정렬할때 display: inline; 이나 float를 사용한다고 알고계시는 퍼블리셔들이 몇명이있다. 하지만 display경우에는 말그대로 디스플레이될 상태를 설정하는것이다. 즉 ! inline 레벨로 할것이냐 block레벨로 할것이냐 아니면 숨길것이냐를 설정하는것이다. 예전에 어딘가에서 display: inline; 과 float:left;를 같은 용도로 정렬로 사용하는데 차이점을 묻는 글을 본적이 있다. block을 inline으로 하면 자연스럽게 인라인의 특징인 left정렬이 되는것이 당연하다. 예를 들어 span도 inline요소이다 이녀석을 aaaaaa 당연히 left정렬이 된다. 하지만 block요소들은 float로 설정하지않은이상은 떨어져서 .. div 의 display 속성에 대해서... div 태그로 만든 Layer를 안보이게 하는 두가지 방법 1. display:none block 아예 사라지게 하는것. 보이지도 않고 해당 공간도 존재하지 않게 됨 2. visibility:hidden visible 보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재하게 됨 같은 기능을 하는 div 태그에 어떤건 display로 적혀있고 어떤건 visibility로 적혀있길래 디자이너 대리님께 여쭤보니 저리도 명쾌한 대답을.. 나도 누가 뭐 물어보면 아주 명쾌하게 대답하고 싶다.. + 추가로 알게 된 사실. display의 속성으로 none과 block만 있는 줄 알았는데 아니었다. none, block, inline, inline-block, list-item,.. 생각해봐 완전 이쁘다... 핸드 쉐이크 ㅋ 조준호 멋진데? ㅋㅋㅋ 즐거웠던 한때 친구 저리가 배려 친구 인터넷 익스플로러(IE6, IE7, IE8) 동시에 사용하는 방법 웹 표준과 크로스 브라우징 잘 만든 웹페이지라면 기본적으로 크로스 브라우징을 잘 지원해야 합니다. 물론 블로그도 마찬가지입니다. 이를 확인하는 데에는 특별한 방법이 있는 게 아니라, 코딩을 끝낸 후 여러 제품의 브라우저로 직접 테스트를 해보면 됩니다. W3C Validator로 표준 유효성 검사를 할 수도 있겠지만, 자신의 웹페이지가 유효성 검사를 통과하더라도 크로스 브라우징이 모두 해결된 것은 아닙니다. 현실적으로 모든 브라우저가 웹 표준을 지키는 것은 아니며, 또한 웹 표준을 따르더라도 렌더링 과정에서 미묘한 차이가 있기 때문이지요. 가장 좋은 방법은 역시 직접 눈으로 확인하는 것입니다. 현재 브라우저 시장에는 Opera, Firefox, Safari, Maxthon 등 다양한 제품이 있지만 일일이 .. 크로스브라우징 CSS 핵 정리 Netscape 4 제외시키기 Netscape 4은 media속성값에 "screen"이외의 값이 올 경우 읽어 들이지 못하는 것을 이용한 방법이다. 이나 라고 지정할 경우 Netscape 4은 읽어 들이지 못한다. 부분적으로 읽어들이지 못하게 하는 경우에는 Caio's hack인 /*/*/를 이용한다. 보통 코멘트는 */으로 닫지만 /*/으로 닫게 되면 Netscape 4에서는 인식되지 않는다. 그 뒤에 평상시의 코멘트 /* */를 적어두면 그 뒤의 스타일은 Netscape 4에서도 문제없이 적용된다. p { /*/*/ color:white; /* */ } Win IE 3~4, Mac IE 4~4.5, Netscape 4 제외시키기 @import로 url()함수를 이용하여 외부 스타일시트를 이중인용부호로.. 북한, 밤만 되면 사라진다? 서울=뉴시스】안호균 기자 = 밤만 되면 칠흑같은 어둠에 휩싸이는 북한 지역의 전력난이 여전히 심각한 것으로 알려졌다. 자유아시아방송(RFA)은 9일 미 해군연구소(Naval Research Laboratory)가 지난 10월 촬영한 한반도의 야간 사진에 따르면 여전히 북한 지역은 온통 어둠 뿐이라고 보도했다. 방송은 미 항공우주국(NASA)이 1993년부터 2009년까지 매년 한반도의 야간 위성사진을 촬영하고 있지만 전력 난으로 온통 어둠뿐인 북한의 모습은 20년 가까이 지나도록 마찬가지라고 전했다. 위성사진에 따르면 북한 지역은 영토를 가늠케 하는 경계선조차 보이지 않고 평양으로 예상되는 지역에 작은 점 하나만 찍혀 있는 반면 한국은 서울과 수도권을 중심으로 전국에 걸쳐 밝은 불빛이 가득해 극명한 차이.. 절대경로 상대경로의 기본 원칙~ 이상하게 자꾸 까먹어 ㅎㅎㅎ 상대경로의 기본원칙. 1) 모든 경로는 \ 로 구분된다. 2) .\ (점 하나) 는 현재경로를 반환해 준다. 3) ..\ (점 둘) 는 상위경로를 반환해 준다 이전 1 ··· 340 341 342 343 344 345 346 ··· 361 다음
