Question

我在OSX上使用JRE 8_40用于JavaFX应用程序，该应用程序使用WebView显示使用AngularJS和Bootstrap编写的HTML表单。我找到了表单提交按钮，该按钮使用AngularJS＆＃34; ng-disabled＆＃34;和班级=＆＃34; btn btn-success btn-lg＆＃34;处于禁用状态时隐藏。当按钮进入启用状态时，按钮显示正确。

我已将问题缩小到Bootstrap .btn.disabled类的不透明度CSS设置。

如果按照引导程序css在按钮上有以下样式，则按钮不会显示

<input type="button" value="TEST" style="opacity: .65">

不透明度样式在Windows上的相同版本的JRE上正常工作。

OSX上的JavaFX应用程序中是否需要显示设置？

Answer 1

我对透明度没有任何问题，我在OSX 10.10.4上使用JDK 1.8_51尝试了以下内容：

public class JavaFXTest extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception {
        primaryStage.setTitle("Transparency Test");

        BorderPane content = new BorderPane();
        WebView webView = new WebView();
        WebEngine webEngine = webView.getEngine();

        URL url = getClass().getResource("/transparent.html");
        webEngine.load(url.toExternalForm());

        content.setCenter(webView);
        primaryStage.setScene(new Scene(content, 400, 300));
        primaryStage.show();
    }

文件 transparent.html 如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <h2  style="opacity: 1">transparency test 1</h2>
    <h2  style="opacity: .65">transparency test 0.65</h2>
    <h2  style="opacity: 0.33">transparency test 0.33</h2>
    <form>
        <input type="button" value="1" style="opacity: 1">
        <input type="button" value="0.65" style="opacity: .65">
        <input type="button" value="0.33" style="opacity: .33">
    </form>
    </body>
</html>

本程序显示以下WebView：

我没有试过1.8_40，你能不能更新到最新的Java版本？

Answer 2

我对＆＃34;不透明度＆＃34;有完全相同的问题，这对我有用。

"rgba(r,g,b,a)"

JavaFX OSX WebView CSS不透明度无法正常工作

2 个答案: