개발 Q&A

제목 z-index 의 브라우저 호환성
글쓴이 이지포토 작성시각 2013/12/05 13:29:41
댓글 : 3 추천 : 0 스크랩 : 0 조회수 : 14275   RSS
<style type="text/css">
#s1_input{position:relative;left:65px;top:43px;z-index:1000;} 
#s2_input{position:relative;left:113px;top:24px;z-index:1000;}   
#s3_input{position:relative;left:65px;top:68px;z-index:1000;}   
#s4_input{position:relative;left:113px;top:50px;z-index:1000;}  </style>        
        
<input name="t1" value="<?=$row['t1']?>" type="text" /></div>
<input name="t2" value="<?=$row['t2']?>" type="text" /></div>
<input name="t3" value="<?=$row['t3']?>" type="text" /></div>
<input name="t4" value="<?=$row['t4']?>" type="text" /></div>
z-index 의 position 정보가 relative 일때 각 브라우저의 호환성이 불안전하여 고생하고 있습니다.
이에 대한 해결 방법이 없을까요?
첨부파일 ACDSeePrint_Job.pdf (103.1 KB)
 다음글 PHP로 TCP 프로토콜 전송이 가능한가요? (1)
 이전글 홈쇼핑처럼 상품을 배열하고 싶은데요. (8)

댓글

소울펨 / 2013/12/05 13:37:11 / 추천 0
 성님~~~
소울펨 / 2013/12/05 13:38:30 / 추천 0
[         relatevie
  [absolute]
]

absolute 에 z-index를 먹이시면 되것습니다.

이리되면 relateve는 그 상위의 공간을 인식하고 absolute 의 위치를 relateve에 속하게  해줍니더~ left:0 top:0 을 하셔도 relateve 영역 안에서 놀게 됩니다 
이지포토 / 2013/12/05 16:06:24 / 추천 0

감사..
아래와 같이 했습니다.
잘 먹네요.
익스 7,8,9,호환, Ff,crom 모두다..

 

<style>
 
#s1_input0{position:relative;left:0px;top:0px;z-index:0;}

#s1_input{position:absolute;left:65px;top:-170px;z-index:1000;}   
#s2_input{position:absolute;left:113px;top:-170px;z-index:1000;}   
....
</style>

     <div id="s1_input0">
        <div id="s1_input"><input type="text" name="plax_1" style="width: 9px; padding: 1px"  value="<?=$row['plax_1']?>" ></div>
        <div id="s2_input"><input type="text" name="plax_2" style="width: 9px; padding: 1px"  value="<?=$row['plax_2']?>" ></div>
        <div id="s3_input"><input type="text" name="plax_3" style="width: 9px; padding: 1px"  value="<?=$row['plax_3']?>" ></div>
        <div id="s4_input"><input type="text" name="plax_4" style="width: 9px; padding: 1px"  value="<?=$row['plax_4']?>" ></div>
... 중략..