java - -fx-background-radius 似乎无法正确使用四个值

标签 java css javafx

我正在使用 JavaFX,并且正在搞乱背景半径属性,当时我偶然发现了一个似乎是错误的东西。根据:https://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html oracle's description 应该支持独立于其他圆 Angular 修改一个圆 Angular 。但是当我按如下方式编写 css 时:

.top-rounded-box {
    -fx-background-radius: 16, 16, 0, 0;
}

我真正期望的是: what I expected

实际结果: not what I expected

(忽略背景大小,在paint.exe中快速裁剪)

所以我想知道我是否做错了什么,或者这只是一个错误。

最佳答案

根据您发布的文档,逗号分隔值定义多个背景的背景半径。因此,您的 CSS 代码将第一个背景的半径设置为 16px(在所有四个边上),将第二个背景的半径设置为 16px,将第三个和第四个背景的半径设置为 0px。由于您似乎只有一个背景,因此您只能看到第一个值的结果。

要为不同的 Angular 设置不同的半径,值应该以空格分隔,而不是逗号分隔:

.top-rounded-box {
    -fx-background-radius: 16 16 0 0;
}

通过逗号分隔不同的空白分隔值,您可以为不同的 Angular 设置多个背景和不同的半径,例如-fx-background-radius: 16 16 0 0, 16 16 8 8 ;

关于java - -fx-background-radius 似乎无法正确使用四个值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48153692/

相关文章:

java - 在 -XX :OnOutOfMemoryError using shell script gives: Unrecognized option: -9 上重新启动进程

html - 是否可以引用 HTML 文档中其他位置定义的 SVG?

java - 使用简单的自定义日志记录框架通过线程将消息记录到 JavaFX TextArea 的最有效方式

css - 如何在 JFoenix 时间选择器中编辑小时和分钟单元格

java - 无法让 Eclipse 与 Java FX 一起运行

java - 如何从 netbeans RCP 应用程序的文本字段获取输入?

Java StringBuilder 参数性能

javascript - 当列中有树时,表格会调整大小

java - CSV 阅读器的危险 - Java

javascript - 在 TreeMap 中将文本元素对齐到中间