我遇到問題在角度材料上的工具欄上定位FAB圖標

Question

我無法將角度材質FAB按鈕定位到工具欄上。

雖然我的z-index在FAB圖標比工具欄上的一個較大。有什麼想法嗎？

HTML

<div ng-controller="AppCtrl" ng-cloak="" class="toolbardemoBasicUsage" ng-app="MyApp"> 
    <md-content> 
    <md-toolbar class="md-tall md-accent"> 
     <h2 class="md-toolbar-tools"> 
     <span>Toolbar: tall (md-accent)</span> 
     </h2> 
    </md-toolbar> 
    <md-content> 
     <md-button class="md-fab my-fab-element" aria-label="Some content"> 
     + 
    </md-button> 
    </md-content> 
</div> 

CSS

.toolbardemoBasicUsage md-toolbar md-icon.md-default-theme { 
    color: white; 
} 

md-content { 
    position: relative; 
} 

.my-fab-element { 
    right: 0; 
    top: -35px; 
    background: green !important; 
} 

DEMO

http://codepen.io/pennybirman/pen/NbjRNw

Answer 1

FAB超越了md-content，其overflow設置爲auto，我想你應該改變它爲overflow: visible

CSS：

md-content { 
    position: relative; 
    overflow: visible; 
}