背景修复在Chrome中使用Google地图时出现的问题

Question

我有一个元素接收带有固定值和封面的背景图像，我也使用谷歌地图，但是当我在chorme上使用谷歌地图时，谷歌地图似乎取消了元素的固定值，它可以是什么？

后台IMage的CSS已修复：

.destaque {background-size: cover; background-color: #333; background-attachment: fixed; z-index: 2; position: relative;}

Google Maps API：

<script>
var map;

function initMap() {
    map = new google.maps.Map(document.getElementById('map'),{
        center: {lat: -34.397, lng: 150.644},
        zoom: 8
    });
}

在TAg：

<section id="map"></section>