More info in the Opacity of the WebView section
See original GitHub issueI do not see the scanner open up when the method is fired. I think this is because the webview is blocking it, because I can see that background: 'transparent';
is applied but I guess it’s not enough. I have tried applying background: 'transparent';
to other layers, like ion-app
and ion-content
, to no avail.
Any tips or examples of other plugins getting the webview transparent?
I am trying to use this in an Ionic Capacitor app. The scanner doesn’t show up on Android or iOS.
Issue Analytics
- State:
- Created 3 years ago
- Comments:19 (6 by maintainers)
Top Results From Across the Web
How to make a webview transparent? - Vuplex Support
If a web page includes this meta tag and doesn't assign an opaque background via CSS, then its background will be transparent. For...
Read more >Android WebView style background-color:transparent ignored ...
The background color of the WebView is transparent but as soon as the page is loaded, it's overwritten by a black background from...
Read more >WKWebView Transparency in IOS 11.3 - Apple Developer
We Initialise WKWebView as follows. I've only tested using Iphone X. Instead of the background of the WebView being transparent, it is completly...
Read more >opacity - CSS: Cascading Style Sheets - MDN Web Docs
The opacity CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and...
Read more >WebView - Android Developers
To learn more about web browsers, read the guide on invoking a browser with an intent. WebView objects allow you to display web...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I got it to work by adding:
Android, on the body tag: opacity: 0; background: none;
iOS, on the html tag: opacity: 0;
Thanks @lewdea I tried this based on your idea above and it essentially worked