CodeSandbox 代码和部署到 netlify 时的代码不一样

编程问答 2022-05-23

问题描述

在 CodeSandox 实时预览中，当我将鼠标悬停在 Instagram div 元素上时会发生以下情况： CodeSandbox

在 netlify 中发生这种情况：actual website

我希望我的网站实际上看起来像我的 CodeSandBox 结果，有人知道为什么会这样吗？

Instagram div 代码：

.ds5:hover {
  border: double 4px transparent;
  border-radius: 20px;
  border-width: 1;
  background-image: linear-gradient(rgba(44,44,44),rgba(44,44)),linear-gradient(90deg,rgba(81,91,212,1) 0%,rgba(129,52,175,1) 17%,rgba(221,42,123,1) 43%,rgba(254,218,119,1) 74%,rgba(245,133,41,1) 100%);

  background-origin: border-Box;
  background-clip: padding-Box,border-Box;
}
.ds5:hover::after {
  border: solid 4px rgba(221,1)

}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

codesandboxhtmlnetlifyreactjsreactjsreactjsreactjs