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

发布时间：2020-12-15 00:34:31 所属栏目：Java 来源：网络整理

导读：我在OSX上使用JRE 8_40用于 JavaFX应用程序,该应用程序使用WebView显示使用AngularJS和Bootstrap编写的HTML表单.我找到了使用AngularJS“ng-disabled”的表单提交按钮,并且当处于禁用状态时隐藏了class =“btn btn-success btn-lg”.当按钮进入启用状态时,按

我在OSX上使用JRE 8_40用于 JavaFX应用程序,该应用程序使用WebView显示使用AngularJS和Bootstrap编写的HTML表单.我找到了使用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应用程序是否需要显示设置？

解决方法

我对透明度没有任何问题,我在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版本吗？

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!