IE8에서 호버링 할 때 급격한 필드 세트 방지

필드 세트 내부에 필드 세트가 있습니다. 필드 세트의 각 유형은 마우스를 가져갈 때 색상이 바뀝니다. Firefox에서 잘 작동하지만 IE8 및 IE8 호환 모드의 IE8에서 자식 필드 세트 위로 마우스를 가져 가면 점프됩니다 (일부 패딩이 제거되는 것처럼 보입니다.하지만 이는 내 CSS에서 말하는 것과 다릅니다).IE8에서 호버링 할 때 급격한 필드 세트 방지

IE에서 급격한 효과를 방지하는 방법을 알아낼 수 있습니까? 자녀 필드 세트는 부모 필드 세트가 아니라 위에 놓여 있으면 왜 튀어 나옵니까?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <style type="text/css"> 
     fieldset.property { background-color: #EDF5FF; } 
     fieldset.property:hover { background-color: #C1DDFF; } 
     fieldset.service:hover { background-color:#EDF5FF; } 
    </style> 
</head> 
<body> 
    <fieldset class="property"> 
     Parent fieldset<br /> 
     Parent fieldset<br /> 
     Parent fieldset<br /> 
     <fieldset class="service"> 
      Child<br /> 
      Child<br /> 
      Child<br /> 
     </fieldset> 
     Parent fieldset<br /> 
     Parent fieldset<br /> 
     Parent fieldset<br /> 
    </fieldset> 
</body>

출처

2009-10-08 slolife

나는, 너무, IE는이 방법으로 자식 요소를 처리하는 이유를 정확하게 확실하지 오전하지만 특히, 여백뿐만 아니라, 생 패딩과 자주 시간을 정의하여 s 예방할 수 있습니다.

fieldset {margin : 0; padding : 0;}

출처

2009-10-08 20:08:56 Slevin

IE에서 버그로 간주되는 사람은 누구나 알고 있거나 의도적으로 설계된 것입니까? – slolife

나는 이것을 버그라고 생각하지 않을 것이다. 각 브라우저는 여백과 여백을 다르게 렌더링합니다. 두 속성에 대해 특정 값을 정의하면 각 브라우저가 CSS에 따라 렌더링됩니다. – Slevin

다른 패딩/여백은 버그가 아닙니다. 그건 나에게 좋고, 나에게 나중에 CSS를 다시 사용하도록 가르쳐 줄 것이다. 호버에 떠드는 아이 필드 세트는 버그 IMO 인 것 같습니다. 어쨌든 도움 주셔서 감사합니다. – slolife

IE8은 아이가 불안해 만드는 이유는 아직 모르겠지만, 내가 수정 발견 : 나는의 필드 셋 스타일이 명시 적으로 FIELDSET에 패딩을 설정하려면 추가 할 경우

을 이상 공중 선회 할 때 동일하게 유지 :

/* Add to make rendering in IE and Firefox the same /* 
fieldset { padding:2px; }

출처

2009-10-08 16:15:26 slolife

IE8에서 호버링 할 때 급격한 필드 세트 방지

답변

관련 문제