--> My Modal is appearing with a solid background/Overlay. Easily make the background of your image transparent for FREE. Ion items not transparent ionic 4 - ionic-v3, Hello I am using Ionic 4 and unable to make ion item transparent. .custom-ion-content{ --background:transparent; } This will turn the home page background to transparent to view the Camera as a background. Online tool to make image transparent. ionic3 background slide / background ion-content. 118. I've to randomly arrange some images in a box in such a way that their non-transparent area should not overlapEach image can be randomly resized and rotated. We usually try to add a background-image property to add image background, but if look as CSS Custom Properties here for Ion-content you will notice there is no background-image property available so it will not work. Previous Post Ionic 4 Segment Live Example Next Post 10 Best Wi-Fi … We are done with Camera Preview implementation, you need to run this application on a real device to use camera feature. GitHub Gist: instantly share code, notes, and snippets. I am trying to make ion-items transparent by adding style: background-color: rgba(255, 255, 255, 0.1); to: ion-content ion-list ion-item. Re: Transparent background in cellcontent by Martin Dougiamas - Sunday, 31 August 2003, 10:41 PM You can't, currently - all you can do is match the colour to the background using that line or the CSS style in styles.php Ion-item transparent ionic 4. important; } ion-item { --background: transparent; } } }} Result. How to set background color IONIC 4, I having problems trying to change the background color in just one IONIC 4 (-- type=angular) page. Hi there, Thanks for the issue. Please help HTML: Card Set background color of the main list to transparent by applying the … Describe how the bug manifests. May 05, 2018, at 6:38 PM ... How to know if two transparent images are intersecting on non-transparent area. ion-content{background-color: transparent !important;} i have the color transparent to red then its working. ion-content { --background: transparent; ion-list { background: transparent; ion-menu-toggle { background: transparent! 191. ion-content { --background: url(/assets/bg.jpg) no-repeat center/cover fixed; } This initially will work, but watch closely when we transition from screen to screen. I am working on IOS Moodle app with Webrtc plugin IOSRTC that required video z-index to -1. how i can make the app background transparent. The background image will either shift or blank out for a moment. CSS. I can confirm that this is a bug. Expected behavior: