Fix order and z-index of backdrop for stacked modal

Closes #14588
(grafted from 8646addd9393e463e250a0a29cdd8f06b7b77ca7)

--HG--
branch : 7.0

sao/src/sao.js

@@ -1311,13 +1311,13 @@ var Sao = {
         var modalZIndex = 1040;
         jQuery('.modal.in').each(function(index) {
             var $modal = jQuery(this);
-            modalZIndex++;
+            modalZIndex += 10;
             $modal.css('zIndex', modalZIndex);
-            $modal.next('.modal-backdrop.in').addClass('hidden')
-            .css('zIndex', modalZIndex - 1);
+            $modal.prev('.modal-backdrop.in').addClass('hidden')
+            .css('zIndex', modalZIndex - 5);
         });
         jQuery('.modal.in:visible:last').focus()
-        .next('.modal-backdrop.in').removeClass('hidden');
+        .prev('.modal-backdrop.in').removeClass('hidden');
     }
 
 }());