글꼴 스타일이 기울임 꼴이면 IE7이 slideToggle에서 실패합니까?

내가 가진 this 코드 :글꼴 스타일이 기울임 꼴이면 IE7이 slideToggle에서 실패합니까?

HTML

<a href="/link/" id="camereRichiedi">Go</a> 

<div id="camereInformazioni"> 
    <div id="richiediInfo" class="richiedi_info"> 
     <div class="label"> 
      Name 
     </div> 
     <div class="field"> 
      <input type="text" name="field_name"> 
     </div> 

     <div class="label"> 
      Surname 
     </div> 
     <div class="field"> 
      <input type="text" name="field_surname"> 
     </div> 
    </div> 
</div>

JQUERY

$('#camereRichiedi').click(function(e) { 
    e.preventDefault(); 
    $('#richiediInfo').slideToggle('slow'); 
});

CSS

.richiedi_info 
{ 
    position:relative; 
    width:470px; 
    display:none; 
} 

.richiedi_info .label 
{ 
    width:80px; 
    float:left; 
    height:34px; 
    font-style:italic;  
} 

.richiedi_info .field 
{ 
    width:360px; 
    float:left; 
    height:34px; 
}

그래서, 모든 브라우저에서, 이동을 클릭하면 (크롬, 파이어 폭스 , IE8 +, IE7이 예상 됨) 입력 필드 (이름 및 성).

IE7에서 .richiedi_info .label CSS 클래스에서 font-style:italic;을 제거하면 볼 수 있습니다.

jQuery의 버그? 아니면 여기서 내가 틀린거야?

출처

2011-11-21 markzzz

나는이 질문에 대한 응답이 없기 때문에 우리 중 누구도 IE7 lol에있는 것이 아니라 코드를보고 내가 사용하고있는 플로트가 어떤 이상한 효과를 가질 수 있음을 알 수있다. 모델. 'display : inline-block;'을'.richiedi_info .label' 클래스에 추가하거나 플로트를 꺼내서 인라인 블록 divs/span/등을 사용하여 다른 방법으로 코드를 작성하십시오. –

브라우저로 IE rocks ! 브라우저 간 문제가 일부 변경 될 수 있기를 바랍니다. 대부분의 웹 개발자가 문제가되는 고유 한 브라우저입니다. –

@ 제프 윌버트 : "우리 중 누구도 IE7에 없습니까?" 그게 수치스러운 사람이야! XP는 IE7 만 지원하며 전세계 사용자는 XP를 사용합니다. 그래서 IE7에 체크하지 않고 웹 사이트를 만드는 것은 잘못된 IMO입니다! 'display : inline-block;'브라우저를 교차시키지 않습니다. – markzzz

이탤릭체 텍스트 렌더링에 영향을 미치는 IE7에는 known bug가 있습니다. 그것은 당신의 문제와 정확히 일치하지 않는 것 같지만 관련이있을 것입니다.

일반적으로 IE *가 음탕 해지기 시작할 때, 내가하는 첫 번째 작업은 포함 된 요소에 zoom: 1;을 넣는 것입니다. 이것은 "레이아웃"을 갖도록하고 종종 문제를 해결합니다. 여기에 some more info on "having layout" in IE이 있습니다.

출처

2011-11-21 15:17:52 N3dst4

추억을 ... – BoltClock

이미 시도 : 1,하지만 전혀 문제를 해결하지 ... – markzzz

또한 CSS 속성을 다시 정의하려고 할 수 있습니다 -> http://jsfiddle.net/ deaKa/15/ – Galled

글꼴 스타일이 기울임 꼴이면 IE7이 slideToggle에서 실패합니까?

답변

관련 문제