正如标题所说，你可以看到在按钮的蓝色背景颜色之前，有一个白色的背景首先出现。这就像是从白色到蓝色的渐变。

如何去除白色？

如果我移除方框阴影，白色背景就不会出现。

<代码><；头部>；<；样式>；.tabtitle：悬停{字体大小：1.1em；文本阴影：5px 5px 5px#8080808F；}.btnlist.Nav-item.Nav-link{宽度：200px；高度：40px；边距：自动；边框：无；border-radius：20px；字体大小：1em；font-style：普通；字体粗细：500；文本对齐：居中；颜色：#828282；}.btnlist.Nav-item.Nav-link.active{背景色：#2F58E2；方框阴影：0px 4px 16px#2F58E250，0px 8px 24px#2F58E250，0px 16px 56px#2F 58E250！重要的；颜色：#FFFFFF；} <；/样式>；<；/标题>；<；UL CLASS=“ nav nav-pills MB-3 btnList ” ID=“ pills-tab ” role=“ tablist ”>；<；Li CLASS=“ NAV-ITEM TABTITLE ” ROLE=“演示”>；<；a CLASS=“ NAV-LINK ACTIVE ” ID=“ pills-thongbao-tab ” DATA-BS-TOGLE=“ pill ” DATA-BS-TARGET=“#pills-thongbao ” TYPE=“ BUTTON ” ROLE=“ TAB ” ARIA-CONTROLS=“ pills-tongbao ” ARIA-SELECTED=“ FALSE ”按钮#1<；/a>；<；/Li>；<；Li CLASS=“ NAV-ITEM TABTITLE ” ROLE=“演示”>；<；a CLASS=“ NAV-LINK ” ID=“ PILLS-TIENICH-TAB ” DATA-BS-TOGLE=“ PILLS ” DATA-BS-TARGET=“#PILLS-TIENICH ” TYPE=“ BUTTON ” ROLE=“ TAB ” ARIA-CONTROLS=“ Pills-Tienich ” ARIA-SELECTED=“ TRUE ”按钮#2<；/a>；<；/Li>；<；/UL>；

顺晟科技：

它实际上不是白色的，但按钮在一瞬间变得透明。在另一个背景上对过渡进行分层。当转换初始化CSS更新并重新加载它时，会发生白色闪烁。这只是在将CSS重写为新值时发生的转换。

伪代码：

<代码>.BaseBackground{背景：线性梯度（#2F58E2，#3969FF）；}.联系{背景：线性梯度（#2F58E2，#3969FF）；}/*正在更改.contact*/.联系{背景色：#2F58E2；}<；DIV类=“ baseBackground ”>；<；DIV类=“联系人”>；此处更改<；/DIV>；<；/DIV>；