在Chrome瀏覽器上使用目標

我試圖在某些元素上啓用：target，並且它似乎可以在IE，Firefox甚至Chrome上使用我的手機，但不知何故，它無法在我的Chrome桌面上工作。有什麼建議麼？在Chrome瀏覽器上使用目標

HTML（刪除無關的代碼）：

<nav class="main-nav" id="main-nav"> 
     <a href="#gym">THE GYM</a> 
    </nav> 

<div class="page-wrap"> 
     <div class="content"> 
      <div class="gym" id="gym"></div> 
     </div> 
</div>

CSS：

.gym { 
    z-index:3; 
    position:fixed; 
    height:200px; 
    width:100%; 
    background:#fff; 
    bottom:0; 
    left:0; 
    box-shadow:2px 4px 4px rgba(0, 0, 0, 0.4); 
    margin-bottom:-200px; 
    transition: margin-bottom ease 1s; 
    -webkit-transition: margin-bottom ease 1s; 
    -o-transition: margin-bottom ease 1s; 
    -moz-transition: margin-bottom ease 1s; 

} 

#gym:target { 
    margin-bottom: 0; 
}

順便說一句，當我試圖做到這一點的方法與JS，用的CSS功能，它贏得即使工作...該網站是在boazkerengil.com

來源

2014-05-14 BoazKG

什麼版本的chrome？地址欄中的網址是什麼？嘗試打開開發人員工具，查找元素並查看css屬性窗格是否包含：目標樣式。 – mowwwalker

我不知道什麼是壞的。這只是一個出現的白色盒子，對嗎？如果是這樣，它正在工作。以下是屏幕錄製的內容：http://cl.ly/VWDf。我使用的是Chrome Mac 34.0.1847.137。

來源

2014-05-15 01:12:07 callmetwan

謝謝，問題是我需要更新我的鉻..傻我 – BoazKG

不用擔心！出於好奇，爲什麼Chrome需要更新？它應該自動更新自身。 – callmetwan

在Chrome瀏覽器上使用目標

回答

相關問題