絕對定位按鈕簡化版，出現在固定頭

Question

我有這個非常簡單的固定菜單欄，看到here，現在是看起來像下面的菜單底部的這個元素：

這是現在菜單上看起來所有其他網頁：

而現在這個特定頁面，我因爲某種原因不能夠得到元素（帶灰色圖標視頻圖標），以顯示在。現在，如果我檢查的開發人員工具，我看到的元素是實際存在：

<a href="#" id="btn-our-story" class="btn-our-story tooltip tooltipstered" data-target="#our-story-vedio"> <img src="http://codeandcode.co/demo/idea_spice/images/res/our-story-btn.png" alt="Our story vedio icon"> </a> 

CSS代碼：

header .btn-our-story { 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    height: auto; 
    width: 100%; 
    padding: 50px 0 42px; 
    background: #f4f4f4; 
    -webkit-transition: background-color .3s; 
    -o-transition: background-color .3s; 
    transition: background-color .3s; 
    text-decoration: none; 
} 

仍然是視頻圖標沒有出現，我看到的是以下幾點：

爲什麼灰色圖標不顯示？我沒有看到明顯的原因，爲什麼它不應該，但它並沒有出現。

Answer 1

你有元素.tooltip不透明度爲0。您應該將其更改爲1這樣的：

header .btn-our-story { 
    opacity: 1 
} 

Answer 2

您的不透明度設置爲0.取消設置會將其顯示在屏幕上。