diff --git a/ionic/components/app/structure.scss b/ionic/components/app/structure.scss
index f17ca779f8..9467f3c9c1 100644
--- a/ionic/components/app/structure.scss
+++ b/ionic/components/app/structure.scss
@@ -9,6 +9,7 @@ $z-index-menu-backdrop: 79;
$z-index-overlay: 1000;
$z-index-click-block: 9999;
+$z-index-fixed-content: 2;
$z-index-scroll-content: 1;
$z-index-refresher: 0;
@@ -20,7 +21,7 @@ $z-index-toolbar-background: -1;
$z-index-toolbar-border: 20;
$z-index-list-border: 50;
-$z-index-backdrop: 1;
+$z-index-backdrop: 2;
$z-index-overlay-wrapper: 10;
$z-index-item-options: 1;
diff --git a/ionic/components/button/button.ts b/ionic/components/button/button.ts
index bb7abca204..71535ddfa4 100644
--- a/ionic/components/button/button.ts
+++ b/ionic/components/button/button.ts
@@ -300,7 +300,7 @@ export class Button {
*/
private _setClass(type: string, assignCssClass: boolean) {
if (type && this._init) {
- this._renderer.setElementClass(this._elementRef.nativeElement, this._role + '-' + type, assignCssClass);
+ this._renderer.setElementClass(this._elementRef.nativeElement, this._role + '-' + type.toLowerCase(), assignCssClass);
}
}
diff --git a/ionic/components/content/content.scss b/ionic/components/content/content.scss
index 146cec1e31..c57c4f22dc 100644
--- a/ionic/components/content/content.scss
+++ b/ionic/components/content/content.scss
@@ -18,3 +18,12 @@
[no-margin] {
margin: 0;
}
+
+// Content Fixed
+// --------------------------------------------------
+
+ion-fixed {
+ position: absolute;
+ transform: translateZ(0);
+ z-index: $z-index-fixed-content;
+}
diff --git a/ionic/components/content/content.ts b/ionic/components/content/content.ts
index 026ae8dbd2..f6068b51d5 100644
--- a/ionic/components/content/content.ts
+++ b/ionic/components/content/content.ts
@@ -31,6 +31,7 @@ import {ScrollTo} from '../../animations/scroll-to';
'