Absolute positioniert Taste does auf festen Header erscheinen

Question

ich diese sehr einfache feste Menüleiste haben, sehen here, jetzt gibt es dieses Element am unteren Rand des Menüs, das wie folgt aussieht:

Dies ist nun der Menü sieht auf allen anderen Seiten:

Und jetzt auf dieser speziellen Seite, die ich aus irgendeinem Grunde bin nicht in der Lage, das Element zu erhalten (das Video-Symbol mit dem grauen Symbol) zu zeigen. Nun, wenn ich die Entwicklertools überprüfen, wie ich sehe, dass das Element tatsächlich vorhanden ist:

<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-Code:

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; 
} 

Immer noch das Videosymbol erscheint nicht, was ich sehe, ist die folgende:

Warum das graue Symbol erscheint, nicht wahr? Ich sehe keinen offensichtlichen Grund, warum es nicht sollte, aber es erscheint einfach nicht.

Answer 1

Sie haben auf Element .tooltip Opazität 0. Sie sollten es 1 wie folgt ändern:

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

Answer 2

Ihre Deckkraft ist auf 0 eingestellt. Wenn Sie sie deaktivieren, wird sie auf dem Bildschirm angezeigt.