CSS轉換屬性不工作的頭標記

有人能告訴我，爲什麼過渡性質似乎並沒有工作在我的網站上的標題標籤：http://www.hccoinc.com/about/CSS轉換屬性不工作的頭標記

我有收縮粘性（固定）菜單滾動後的方式。除了菜單上的過渡屬性外，一切正在工作 - 高度變化應該超過0.3s，但它會立即發生。

這裏的HTML結構：

<header id="masthead" class="site-header" role="banner"> 
    <div class="container"> 
    <a class="site-branding" rel="home" title="HCCO, Inc. (WOSB)" href="http://www.hccoinc.com/"> 
     <h1 class="site-title"> 
     <h2 class="site-description">Piecing IT Together</h2> 
    </a> 
    <nav id="site-navigation" class="site-primary-navigation slide-left"> 
     ... 
    </nav> 
    </div> 
</header>

下面是相關的CSS：

.site-header { 
    position: fixed; 
    width: 100%; 
} 

.site-main { 
    margin-top: 107px; 
} 

header, header .site-title img { 
    -webkit-transition: all 0.3s; 
    -moz-transition: all 0.3s; 
    -ms-transition: all 0.3s; 
    -o-transition: all 0.3s; 
    transition: all 0.3s; 
} 

header.site-header.smaller { 
    height: 55px; 
    background: rgba(51, 153, 204, 0.93); 
} 

header.site-header.smaller .container { 
    padding: 0; 
} 

header.site-header.smaller .site-title img { 
    max-height: 54px; 
}

感謝。

來源

2014-10-28 Eric Engert

什麼觸發了轉換？ – vsync 2014-10-28 19:50:14

您沒有將轉換時間賦予.site-header – 2014-10-28 19:55:29

我想通了。由於其他原因，我不得不將背景顏色應用於.container div，然後我將轉換時間應用於.container高度，現在它正在工作。

來源

2014-10-29 12:25:28

CSS轉換屬性不工作的頭標記

回答

相關問題