QML：如何创建半透明/半透明的WebView元素？

Question

我想知道如何创建一个透明的WebView元素（就透明窗口而言......） 我试着像：

       Rectangle {
           id: webBrowser
           width: 100; height: 100
           color: "red"
           WebView {
               html: "<style>body,html{background:transparent;background-color: rgba(1,255,0,0.5;)} </style><p>Hello</p>"
             //     preferredWidth: 50
              //    preferredHeight: 50
anchors.fill: parent

           }
       }

但似乎没有帮助=（我该怎么做才能使WebView透明？

Answer 1

您需要设置WebView本身的不透明度，而不仅仅是HTML内容：

WebView {
   opacity: 0.5;
   html: "<style>body,html{background:transparent;background-color: 
         rgba(1,255,0,0.5;)} </style><p>Hello</p>"
   anchors.fill: parent
   }