diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less
index 52048036bd..75dfe1e7d9 100644
--- a/components/modal/style/modal.less
+++ b/components/modal/style/modal.less
@@ -91,6 +91,7 @@
   &-footer {
     padding: 10px 16px;
     text-align: right;
+    background: @modal-footer-bg;
     border-top: @border-width-base @border-style-base @border-color-split;
     border-radius: 0 0 @border-radius-base @border-radius-base;
     button + button {
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index f9bc52cae2..783717917d 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -342,6 +342,7 @@
 // --
 @modal-body-padding: 24px;
 @modal-header-bg: @component-background;
+@modal-footer-bg: tranparent;
 @modal-mask-bg: fade(@black, 65%);
 
 // Progress