tutorial - javafx菜鸟教程

JavaFX OSX WebView CSS不透明不工作 (2)

我在OSX上使用了JRE 8_40，用于使用WebView显示使用AngularJS和Bootstrap编写的HTML表单的JavaFX应用程序。我发现在禁用状态下，使用AngularJS“ng-disabled”和class =“btn btn-success btn-lg”的表单提交按钮被隐藏。当按钮进入启用状态时，按钮正确显示。

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

如果我按照引导CSS的按钮上有以下样式，按钮不显示

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

不透明风格在Windows上的相同版本的JRE上正常工作。

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

我没有透明度的问题，我在JDK 1.8_51的OSX 10.10.4上尝试了以下方法：

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版本吗？

我已经有了与“不透明”完全相同的问题，这是对我有用。

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