electron-react-boilerplate - 不能做圆角

Question

我正在使用 Electron React Boilerplate，我正在尝试制作漂亮的圆角，但我得到的是白色方角。有人知道任何解决方案吗？

这就是我的应用角落的样子

这是我的浏览器窗口代码：

mainWindow = new BrowserWindow({
  show: false,
  width: 396,
  height: 520,
  transparent: true,
  frame: false,
  resizable: false,
  webPreferences: {...preferences}
});

编辑：这里有更多代码

import React from 'react';
import styles from './Home.css';
import Titlebar from './FirstOpenScreen/Titlebar';

export default function Home(): JSX.Element {
  return (
    <div className={styles.home}>
      <Titlebar />
      <h1 className={styles.h1}>Hello, world.</h1>
    </div>
  );
}

还有我的 CSS：

div.home {
  width: 100%;
  height: 100vh;
  background-color: #252525;
  color: white;
  border-radius: 10px;
  overflow: hidden;
}

Answer 1

感谢大家的帮助。我正在分析自己的代码并尝试了我在互联网上看到的 CSS 属性，它最终帮助了我。

解决办法就是简单地添加overflow: hidden到CSS文件中工作。

body {
  border-radius: 10px;
  overflow: hidden;
}