AngularJS材料FAB项目位于我的工具栏后面

Question

FABSpeedial项目被放在我的页面所具有的辅助工具栏后面。我希望这些项目显示在此工具栏的“顶部”。

请参考此codepen。您将看到快速项目（1,2,3,4等）被放在辅助工具栏后面（标记为“辅助标题”）

以下fab-actions全部显示在toolbar后面，而不是在z-index之上。我猜这是某种<md-fab-actions> <md-button aria-label="Twitter" class="md-fab md-raised md-mini"> 1 </md-button> <md-button aria-label="Facebook" class="md-fab md-raised md-mini"> 2 </md-button> <md-button aria-label="Google Hangout" class="md-fab md-raised md-mini"> 3 </md-button> </md-fab-actions> 问题，但我没有看到索引的来源，以便我可以更改它。

Route::group(['middleware' => ['role:admin,access_backend']], function(){

Route::get('dashboard', 'dashboardController@dashboard');
.....
.....

Answer 1

您可以为辅助标题style="position:relative; z-index:1"

设置类似<md-toolbar style="position:relative; z-index:1">的样式

不需要z-index来执行此操作。请参阅此codepen