Archived topic
js-partices por detras de los botones
17 replies · Started by carlos on November 20, 2021
Buenas, tengo un problema en la pagina home de mi web, no puedo pulsar los botones porque js-particles esta por encima de ellos, el codigo es el siguiente, cuando lo quito de las css, si que me deja pulsar los botones.
`/* js-particles css */
}
.gb-container.particle-background {
position: fixed;
z-index: 0;
}
#particles-js {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1;
}
Que es lo que debo modificar en el codigo para que se quede por detras de los botones y el texto?
Un saludo
safegest.com
Hi there,
Not sure if I understand.
Does the issue exist without the CSS you've added above?
Hi Leo,
The problem is that js-particles is over the button, then i Can not click the button. I need that button is over js-particles.
Whithout css the button is ok i can click, but with css, js-particles is active, then the button can not click.

safegest.com
Try setting z-index to 1 in this GB container:
https://www.screencast.com/t/OLy6pxVFWy
https://docs.generateblocks.com/article/container-overview/#outer-z-index
Perfect!
Thanks Leo! ;)
No problem :)
Hello again Leo.
I just noticed something.
After testing what you told me yesterday I saw that the container stayed above js-particles and then in that part of the page the user could not interact with js-particles and in the rest of the page if he could, so not I liked it because it seems a failure of the web for the user.
What I have tried has been to clone the web that worked well for me and the current one and I have noticed that what causes the failure is the update of the generablocks plugin:
Here is the website of the updated generateblocks plugin:
https://www.dropbox.com/s/vkwv9hilxffjdkw/Screenshot_3.png?dl=0
Here is the generateblocks website not updated
https://definitivo.safegest.com/
https://www.dropbox.com/s/nmdrgq1bkk4b4zc/Screenshot_4.png?dl=0
I would like my website to be like this again https://definitivo.safegest.com/ (to be able to click on the button and for the user to interact with js-particles in the rest of the containers)
Un saludo
Hi there,
Both of the site links works well on my side:
https://www.screencast.com/t/5cjLGGlYY
Isn't this what you see?
Let me know if I miss anything!
It's true!!! If I try it in incognito mode, it also works for me on both websites.
If you see them in non-incognito mode, does it work for you?
If so, maybe it is the incompatibility of some chrome extension.
Un saludo
Yes, they both work for me in non-incognito mode :)
thanks Ying, I have tried with other browsers and it works it must be some chrome extension that is incompatible when I update generateblocks
Thanks for everything!
You are welcome :)
Hola Ying,
Resulta que si que es cierto que ya no se puede pulsar el boton, se quedo por debajo del js-particles y si q se debe al actualizar el generateblocks.
Lo he probado con otros navegadores y desde otras IP y no funciona en ninguna de las web, el boton se quedo por debajo y no se como colocarlo donde estaba, es decir por encima del js-particles.
https://definitivo.safegest.com/ (ahora actualice todo por eso tambien el boton se ve por debajo en esta web)
Hi Carlos,
Can you try adding this CSS?
.gb-container.gb-container-2248ac11 {
z-index: 1;
position: relative;
}
Hola Elvin, si justo eso lo probe con Leo y funciona, el problema es que el contenedor .gb-container.gb-container-2248ac11 se pone por encima de js-particles y lo unico que debe aparecer por encima de particles es el boton, no todo el contenedor, tal y como lo tenia antes:
https://www.screencast.com/t/5cjLGGlYY
Si pasas el raton por encima con este codigo:
.gb-container.gb-container-2248ac11 {
z-index: 1;
position: relative;
}
Se superpone todo el contenedor a particles y por tanto particles no reacciona al pasar el raton.
Lo que debe estar por encima de particles es unicamente el boton y no el contenedor.
probe esto:
.gb-button-wrapper {
z-index: 999999!important;
}
a.gb-button.gb-button-2e8ce59d {
z-index: 22!important;
}
pero no funciono tampoco
Un saludo