Skip to content

bug: V 1.2 Slider with images overlays everything else? #4802

@uofmmike

Description

@uofmmike

Type: bug

Platform: all

Slider in ionic#v1.2.0-nightly-1839 appears to not overlay correctly.

Issue seen here:
http://codepen.io/uofmmike/pen/pggqbB

(and inline here)

<html ng-app="ionicApp">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

  <title>Ionic Custom Loading Bar</title>

  <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
  <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>

</head>

<body ng-controller="MainCtrl">

  <ion-view view-title="Dashboard">
    <ion-content class="padding">
      <div class=" card">
        <h4>Layered behind :(</h4>
      </div>
      <div class='card'>
        <ion-slides options="">
          <ion-slide-page>
            <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Golde33443.jpg/398px-Golde33443.jpg'>
          </ion-slide-page>
          <ion-slide-page>
            <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Golde33443.jpg/398px-Golde33443.jpg'>
          </ion-slide-page>
        </ion-slides>
      </div>
    </ion-content>
  </ion-view>


</body>

</html>

```</span>

<span is-issue-template></span>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions