This topic created in 1337 days ago, the information mentioned may be changed or developed.
这个是 MUI 官方的 Demo： https://gbhhib.csb.app/
它的例子中，当 hover 按钮的时候，按钮中间的那个 border 是没有被覆盖的
但是我自己尝试实现的时候，和它一样用了`margin-left:-1px`，我的例子中的 border 就被后一个按钮覆盖了，是我哪里的样式不对吗？默认情况下应该是会被覆盖的，为什么它的例子中可以做到不被覆盖呢。。
https://codesandbox.io/s/cocky-waterfall-ry1gn6
它的例子中，当 hover 按钮的时候，按钮中间的那个 border 是没有被覆盖的
但是我自己尝试实现的时候，和它一样用了`margin-left:-1px`，我的例子中的 border 就被后一个按钮覆盖了，是我哪里的样式不对吗？默认情况下应该是会被覆盖的，为什么它的例子中可以做到不被覆盖呢。。
https://codesandbox.io/s/cocky-waterfall-ry1gn6
 |
1
yly9306 Aug 31, 2022
貌似是因为官方的 Demo 中 Hover 态的颜色只是 alpha 通道变为不透明了，实际上右边的边框层级还是比较高的
https://codesandbox.io/s/angry-pine-qkipcf?file=/src/styles.css 实际中应该可以用 z-index 解决 |
Select Language