要解决AngularJS UI-Bootstrap模态对话框被main.html覆盖的问题，你可以尝试以下解决方法：

1. 修改z-index属性：在模态对话框的样式中，将z-index属性的值调高一些，以确保它在main.html之上显示。例如：

.modal {
  z-index: 1050;
}

2. 指定模态对话框的父元素：将模态对话框的父元素指定为body元素，而不是默认的ng-app元素。这样可以确保模态对话框始终处于顶部。例如：

3. 使用Bootstrap的modal服务：使用Bootstrap的modal服务而不是UI-Bootstrap的$uibModal服务来创建模态对话框。这可能会解决一些兼容性问题。例如：

angular.module('myApp').controller('myController', function($scope, $uibModal) {
  $scope.openModal = function() {
    var modalInstance = $uibModal.open({
      templateUrl: 'myModalContent.html',
      controller: 'modalController'
    });
  };
});

通过尝试上述解决方法之一，你应该能够解决AngularJS UI-Bootstrap模态对话框被main.html覆盖的问题。