개발 Q&A
| 제목 | css & 파이어폭스 vs IE8 | ||
|---|---|---|---|
| 글쓴이 | 이지포토 | 작성시각 | 2013/09/13 11:51:53 |
|
|
|||
|
파이어폭스 vs IE8 z-index 를 메겼는데 위치가 각기 틀리네요. 어떻게 해야 할까요? 아래는 파이어폭스  아래는 IE8 
|
|||
| 다음글 | git으로 php deploy 하려면... (2) | ||
| 이전글 | ajax 페이징 (2) | ||
댓글
|
이지포토
/
2013/09/13 11:52:30 /
추천
0
|
|
에카
/
2013/09/13 15:45:14 /
추천
0
일단 제가 해드릴수 있는 조언은 마진이나 position:absolute 해제시(즉 position이 inherit으로 되어있는 상태) 해당 z-index되어있는 input의 위치를 확인해보시구요, 정말 안되겠다 싶으시면 IE 셀렉터 쓰시면 됩니다.
head문에 <!--[If IE]> <![endif]--> 이렇게 추가하시면 되고, 자세한 사양서는 아래에 있습니다. http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx |
|
milosz
/
2013/09/13 15:54:54 /
추천
0
위치와 z-index는 상관관계가 없습니다. 다음 두가지를 확인해보셔야겠습니다.
1) 상위 엘리먼트에 position:relative;가 지정되어 있는지 position:absolute를 사용하면 상위 트리를 타고 올라가는 중 absolute나 relative가 있다면 그 엘리먼트의 위치를 기준으로 배치됩니다. 2) 상위 엘리먼트의 기준점인 좌상단점이 어디인지 현재 위치를 left 와 top으로 잡고 있으니까 좌상단 기준이 다른 경우 달라질 수 있겠습니다. 그 외에는 엘리먼트가 열렸다 안닫힌 곳이 있진 않은지 등을 확인해보셔야겠네요. |
style.... #z1_input{position:absolute;left:93px;top:1733px;z-index:1;} #z2_input{position:absolute;left:141px;top:1733px;z-index:2;} html .... <div id="z1_input"><input type=text style="width: 9px; padding: 1px" /></div> <div id="z2_input"><input type=text style="width: 9px; padding: 1px" /></div>