ie7의 위치 절대 및 상대 문제

div를 토글하는 토글 동작이있는 div가 있습니다. div 오른쪽 아래에 이미지가있는 이미지가 있습니다. 부모 div 위치 상대를 만들고 설정 중입니다. 이미지 위치 절대적으로 문제가 발생하지만 이미지를 클릭하여 토글 할 때 이미지가 토글되어 바닥에 머물고 아래로 토글됩니다.이 동작은 ie8에있는 ie8입니다. 즉 firefox 크롬이 정상적으로 작동합니다ie7의 위치 절대 및 상대 문제

는 CSS이

.filterPanel 
{ 
border: 1px solid #fbcb09 ; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radious: 5px; 
position: relative; 
margin: 0; 
padding:0; 
z-index: 1; 
} 
.toggleCollapse, .toggleExpand 
{ 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 

    background-color: #FFF; 
    border: 1px solid #FBCB09; 
    cursor: pointer; 
    padding: 2px 1px 2px 2px; 
    position: absolute; 
    bottom: -10px; 
    right:5px; 
    z-index: 1000; 
}

필터 패널처럼 다소 인 상위 DIV이고 toggleCollapse는 IMA이고 내가 그것에 대해 얘기하는 게이 div (필터 패널)이 문제를 해결하는 방법입니다

출처

2011-03-09 Mac

보십시오. – Jon

[JS Bin] (http://jsbin.com/)과 같은 사이트 또는 실제 페이지에 대한 링크를 사용하여 적절한 테스트 케이스를 제공해야합니다. IE7이 우리의 두뇌와 함께하는 것처럼 CSS를 파싱하고 HTML을 상상하기는 어렵습니다. – thirtydot

글쎄, 내가 알기는하지만 로컬 호스트에서 누군가가 나에게이 위치 이외의 오른쪽 하단에 이미지를 넣을 다른 방법을 제안 할 수 있다면 절대적이고 상대적인 트릭 – Mac

나는 당신의 질문을 이해하지만, 음수 여백 및 상대 위치 IE에서 칙칙한 얻을 모르겠어요.

는 다른 접근 방식을 고려해 위치를 잊지 바닥에 toggleCollapse 버튼을 넣으려면 : -10px (또는 무엇이든) : 상대의 사업은 당신이 전환하고 상대적 가기 위치의 설정 사업부 후에 버튼을 넣어.

EG : 가끔 콜론을 사용하여

<div class="filter_wrapper"> 
<div class="filter_panel">Some stuff</div> 
<a class="toggle">[ toggle me ]</a> 
</div>

출처

2011-03-09 11:26:19 Techism

ie7의 위치 절대 및 상대 문제

답변

관련 문제