jquery fade 요소가 'visibility : hidden'스타일의 요소를 표시하지 않습니다.

jquery fade 요소가 'visibility : hidden'스타일의 요소를 표시하지 않습니다.

---

visibility: hidden;모두 올바른 레이아웃을 유지하도록 스타일로로드하는 썸네일이 많이 있습니다. 페이지가 완전히로드되면 페이드 인하는 jquery 함수가 있습니다. 이 스타일이 설정이 설정되어있을 때 display: none;외장이 분명히 레이아웃이 있습니다. 어떤 제안?

페이드 라인은 다음과 가변합니다.

$('.littleme').fadeIn('slow');

---

다음과 같이 체인에 몇 가지 호출을 추가하십시오.

 $('.littleme').css('visibility','visible').hide().fadeIn('slow');

display:none페이드 인 전에 1 프레임으로 변경 되어 영역을 다시 차지합니다.

---

불투명도를 사용합니다 animate().

$('.littleme').css('opacity',0).animate({opacity:1}, 1000);

---

<span style="opacity:0;">I'm Hidden</span>

보여주기 위해 : $('span').fadeTo(1000,1)

숨기려고 : $('span').fadeTo(1000,0)

공간은 DOM 레이아웃에 보존됩니다.

http://jsfiddle.net/VZwq6/

---

대신 fadeTo (duration, value)를 사용할 수 없습니까? 확실히 이런 식으로 0과 1로 페이드 할 수 있으므로 문서 흐름에 영향을 미칠 수 있습니다.

---

숨겨진 요소를 일치 시키시겠습니까?

$ ( ". littleme : 숨김"). 점점 뚜렷해지다 ();

참고 URL : https://stackoverflow.com/questions/2435751/jquery-fade-element-does-not-show-elements-styled-visibility-hidden