diff --git a/bi/base.css b/bi/base.css index 1ced609f6..8270c9fb0 100644 --- a/bi/base.css +++ b/bi/base.css @@ -33,6 +33,7 @@ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ .bi-bubble-combo .bubble-combo-triangle-left { + z-index: 1; width: 0; height: 0; border-top: 6px solid transparent; @@ -40,6 +41,7 @@ border-bottom: 6px solid transparent; } .bi-bubble-combo .bubble-combo-triangle-right { + z-index: 1; width: 0; height: 0; border-top: 6px solid transparent; @@ -47,6 +49,7 @@ border-bottom: 6px solid transparent; } .bi-bubble-combo .bubble-combo-triangle-top { + z-index: 1; width: 0; height: 0; border-left: 6px solid transparent; @@ -54,6 +57,7 @@ border-top: 6px solid #3f8ce8; } .bi-bubble-combo .bubble-combo-triangle-bottom { + z-index: 1; width: 0; height: 0; border-left: 6px solid transparent; diff --git a/docs/base.css b/docs/base.css index 1ced609f6..8270c9fb0 100644 --- a/docs/base.css +++ b/docs/base.css @@ -33,6 +33,7 @@ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ .bi-bubble-combo .bubble-combo-triangle-left { + z-index: 1; width: 0; height: 0; border-top: 6px solid transparent; @@ -40,6 +41,7 @@ border-bottom: 6px solid transparent; } .bi-bubble-combo .bubble-combo-triangle-right { + z-index: 1; width: 0; height: 0; border-top: 6px solid transparent; @@ -47,6 +49,7 @@ border-bottom: 6px solid transparent; } .bi-bubble-combo .bubble-combo-triangle-top { + z-index: 1; width: 0; height: 0; border-left: 6px solid transparent; @@ -54,6 +57,7 @@ border-top: 6px solid #3f8ce8; } .bi-bubble-combo .bubble-combo-triangle-bottom { + z-index: 1; width: 0; height: 0; border-left: 6px solid transparent; diff --git a/src/css/base/combo/combo.bubble.css b/src/css/base/combo/combo.bubble.css index 88aaf0f0e..b2c553173 100644 --- a/src/css/base/combo/combo.bubble.css +++ b/src/css/base/combo/combo.bubble.css @@ -2,6 +2,7 @@ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ .bi-bubble-combo .bubble-combo-triangle-left { + z-index: 1; width: 0; height: 0; border-top: 6px solid transparent; @@ -9,6 +10,7 @@ border-bottom: 6px solid transparent; } .bi-bubble-combo .bubble-combo-triangle-right { + z-index: 1; width: 0; height: 0; border-top: 6px solid transparent; @@ -16,6 +18,7 @@ border-bottom: 6px solid transparent; } .bi-bubble-combo .bubble-combo-triangle-top { + z-index: 1; width: 0; height: 0; border-left: 6px solid transparent; @@ -23,6 +26,7 @@ border-top: 6px solid #3f8ce8; } .bi-bubble-combo .bubble-combo-triangle-bottom { + z-index: 1; width: 0; height: 0; border-left: 6px solid transparent; diff --git a/src/less/base/combo/combo.bubble.less b/src/less/base/combo/combo.bubble.less index 8eac71cea..fdca54079 100644 --- a/src/less/base/combo/combo.bubble.less +++ b/src/less/base/combo/combo.bubble.less @@ -2,15 +2,19 @@ .bi-bubble-combo { & .bubble-combo-triangle-left { + z-index: 1; .solid-triangle-right(@color-bi-background-highlight); } & .bubble-combo-triangle-right { + z-index: 1; .solid-triangle-left(@color-bi-background-highlight); } & .bubble-combo-triangle-top { + z-index: 1; .solid-triangle-down(@color-bi-background-highlight); } & .bubble-combo-triangle-bottom { + z-index: 1; .solid-triangle-up(@color-bi-background-highlight); } } \ No newline at end of file