Transform: translate(0,0); not working on ionic in Google Chrome?

I create HTML File for test like this

<html><head>
<style>
.wrapper{
    transform: translate(0,0);
}
.container{
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
.container1{
    background-image: url(http://www.fillmurray.com/900/600);
}
.container2{
    background-color: white;
}
</style></head>
<body>
<div class="wrapper">
        <div class="container container1">
        </div>
        <div class="container container2">
        </div>
    </div>
</body>
</html>

I test this code on Google Chrome & Firefox. It work correctly of both.
But I apply above code to ionic like this

<style>
.wrapper{
    transform: translate(0,0);
}
.container{
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
.container1{
    background-image: url(http://www.fillmurray.com/900/600);
}
.container2{
    background-color: white;
}
</style>

<ion-view view-title="Home">
<ion-content overflow-scroll="true">
    <div class="wrapper">
        <div class="container container1">
        </div>
        <div class="container container2">
        </div>
    </div>
</ion-content>
</ion-view>

It work correctly in Firefox but not in Google Chrome.