【问题标题】:AngularJS material FAB items are behind my toolbarAngularJS 材料 FAB 项目在我的工具栏后面
【发布时间】:2018-02-05 23:56:17
【问题描述】:

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

    您可以为辅助标题&lt;md-toolbar style="position:relative; z-index:1"&gt; 设置这样的样式style="position:relative; z-index:1"

    不需要 z-index 这样做。请参考codepen

    【讨论】:

    • 这样一个简单的解决方案。是我想多了,呵呵。谢谢大佬。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-09-23
    • 1970-01-01
    • 2015-03-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多