Home › Forums › General Questions › transparent background blank with image in fullscreen.
- This topic has 5 replies, 3 voices, and was last updated 4 years, 5 months ago by swatchyb.
-
AuthorPosts
-
2020-07-17 at 11:27 am #30262GLiFTeKCustomer
Hi,
edit: tried posting this in features and bugs but would not post.I tried using the set style puzzle to set the background-image of the container with my background image to no success.
I went to myApp’s css file and put into the body class:
background-image: url(“myImage.jpg”);works fine
until i go fullscreen. (firefox and chrome), then it’s missing. (black)
any way to fix this?
thanks!
Visit the GLIFTEK Verge3D Plugins Store!
GLIFTEK.com for Plugin Documentation & LIVE DEMOS!
LIKE The GLIFTEK Facebook Page for updates!
Join the Verge 3D Discord Server!
plz share Discord link & on your signature!2020-07-17 at 4:15 pm #30267Ivan LyubovnikovStaffHi GlifTek,
works fine
until i go fullscreen. (firefox and chrome), then it’s missing. (black)
any way to fix this?
By default we apply fullscreen to the container div element, that way only the container and its child elements become visible when you go into the fullscreen mode. Not the body element, which is kinda left outside. If you don’t have any background on the container, be it a color or an image, then it will be black in the fullscreen mode. The best way to fix that is to use the container element instead of the body.
I tried using the set style puzzle to set the background-image of the container with my background image to no success.
It’s strange that you couldn’t set the background-image to the container. I suppose you at least enabled background transparency for the 3d scene (via the init > configure application puzzle), so the default gray environment material doesn’t overlay underlying html elements.
The following setup should be enough to achieve what you are trying to do:
If you still don’t see the background image then there’s a chance that it simply didn’t load. In that case there should be a corresponding error in the browser console.
Co-founder and lead developer at Soft8Soft.
2020-07-17 at 5:03 pm #30274GLiFTeKCustomeryeeeah.. that’s what i said i initially tried.
tried again.
no errors in console.. just the usual “WebGL warning: generateMipmap: Tex image TEXTURE_2D level 0 is incurring lazy initialization.” which i get all the time.
using the CSS background-image in the v3d-container id works in both normal and fullscreen now. not the puzzle however.
Visit the GLIFTEK Verge3D Plugins Store!
GLIFTEK.com for Plugin Documentation & LIVE DEMOS!
LIKE The GLIFTEK Facebook Page for updates!
Join the Verge 3D Discord Server!
plz share Discord link & on your signature!2020-07-17 at 5:07 pm #30275GLiFTeKCustomerdeleted
Visit the GLIFTEK Verge3D Plugins Store!
GLIFTEK.com for Plugin Documentation & LIVE DEMOS!
LIKE The GLIFTEK Facebook Page for updates!
Join the Verge 3D Discord Server!
plz share Discord link & on your signature!2020-07-17 at 5:18 pm #30277GLiFTeKCustomerdeleted
Visit the GLIFTEK Verge3D Plugins Store!
GLIFTEK.com for Plugin Documentation & LIVE DEMOS!
LIKE The GLIFTEK Facebook Page for updates!
Join the Verge 3D Discord Server!
plz share Discord link & on your signature!2020-07-21 at 5:11 pm #30430swatchybCustomerHi Ivan and GLifTec,
I found this thread after having the same problem of the transparent background working, but then being black in full screen. Was there any resolution or way to solve this.
Thanks! -
AuthorPosts
- You must be logged in to reply to this topic.