文章/答案/技术大牛

发布

社区首页 >问答首页 >AngularJS material FAB项目位于我的工具栏后面

问AngularJS material FAB项目位于我的工具栏后面
EN

Stack Overflow用户

提问于 2017-08-29 00:35:08

回答 1查看 234关注 0票数 1

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>

html

css

angularjs

material-design

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-08-29 13:46:46

您可以为辅助标题<md-toolbar style="position:relative; z-index:1">设置如下样式的style="position:relative; z-index:1"

不需要z索引即可引用此codepen

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45923641

复制

相似问题

问AngularJS material FAB项目位于我的工具栏后面
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJS material FAB项目位于我的工具栏后面EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJS material FAB项目位于我的工具栏后面
EN