Css3 Transition將不起作用

Question

我想通過使用css3過渡將頁面從屏幕外部滑出。我能夠在屏幕上獲得頁面，但當我單擊相應的按鈕時，我無法將其滑出。

在我的CSS文件的轉換：

#about { 
    background: #262626; 
    opacity: 0.75; 
    filter: alpha(opacity=75); 
    width: 100%; 
    height: 364px; 
    position: -99999px left; 
} 

#about:target { 
    position: +99999px left; 
    width: 10%; 
    height: 10%; 
} 

在我的HTML文件中的按鈕（S）：（只是關於我網頁上正常運行的時刻）

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
    <ul class="nav navbar-nav navbar-right"> 
    <li class="hidden"> 
     <a href="#page-top"></a> 
    </li> 
    <li class="page-scroll"> 
     <a href="#portfolio">Home</a> 
    </li> 
    <li class="page-scroll"> 
     <a href="#about">About me</a> 
    </li> 
    <li class="page-scroll"> 
     <a href="#media">Media</a> 
    </li> 
    </ul> 
</div> 

Answer 1

你見過this post？這似乎是同一個問題，再加上它有一個working demo。

而且它只與CSS 012B和transition一起使用。