关于特效的问题

-webkit-animation: p1_lantern .5s infinite alternate;
    -o-animation: p1_lantern .5s infinite alternate;
    animation: p1_lantern .5s infinite alternate;
}
@-webkit-keyframes p1_lantern{
    0%{
        opacity: 0.5;
        -webkit-transform: scale(0.8,0.8);
        transform: scale(0.8,0.8);
    }
    100%{
        opacity: 1;
    }
}
@keyframes p1_lantern{
    0%{
        opacity: 0.5;
        -webkit-transform: scale(0.8,0.8);
        transform: scale(0.8,0.8);
    }
    100%{
        opacity: 1;

在page1里假如这些后我的page2,page3都不能显示了   这是为什么？将display修改之后依然不能显示，很奇怪，不知道是哪里的问题  只有page1可以显示