Question

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

这是我的BrowserWindow代码：

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;
}

无法制作圆角

1 个答案: