2012-06-22 4 views
0

후 작동하지 않는 하나 (둘은 페이지를 포함하고, 다른 후 하나를 미끄러) :CSS의 전환 : 나는 다음과 같이 두 가지 CSS의 tranistions이 다른

$('#div1').transition({ x: '-1500px', delay: 800 }, 1000); 
    $('#div2').transition({ x: '-1500px', delay: 1600 }, 1000); 

첫 번째는 잘 작동하지만 제 2의 doesnt. 당연히 모든 CSS와 이름을 확인했습니다 :

#div1 { 
    background-color: #000; 
    z-index: 99; 
    position:absolute; 
    width: 100%; 
    height: 100%; 
} 

#div2 { 
    background-color: #fff; 
    z-index: 90; 
    position:absolute; 
    width: 100%; 
    height: 100% 
} 

나를 도와 줄 사람이 있습니까? 감사! 기본적으로 브라우저가 흰색 BG를 사용하기 때문에 http://jsfiddle.net/Nr7nJ/

내가, 빨간색으로 DIV2의 배경 색상을 변경 :

+0

음, CSS3 전환에 대한 정보는 다음을 참조하십시오. http://www.w3schools.com/css3/css3_transitions.asp –

+0

달성하려는 효과는 무엇입니까? –

+0

@DexterHuinda Im은 화면을 감추고 다른 하나를 뒤집어 쓰려고하는데, – MeltingDog

답변

1

이 원하는 효과가 있는지.

+0

네가 정확히 내가 원하는 것을 .... 그리고 내가 쓴 것. 흠, 저를 위해 일하지 않는 것 ... 병이 코드를 다시 검사해야합니다. – MeltingDog