0
310
ViewsError: React no reconoce la propiedad allowTransparency en un elemento DOM
Estoy usando un iframe:
<iframe width="100%" height="100%" frameBorder="0" title="Spline 3D Animation" allowTransparency={true} style={{ backgroundColor: "transparent" }} src="https://my.spline.design/portfolio-fe0fd4b29cba7bfea175804f995a9f8a/" ></iframe>La consola muestra:
Warning: React does not recognize the `allowTransparency` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `allowtransparency` instead. If you accidentally passed it from a parent component, remove it from the DOM element.Reaccionar versión: ^ 17.0.2
Enlace al ejemplo de código: el código completo para esto está aquí https://github.com/akashshyamdev/portfolio-latest/blob/master/src/containers/Home/Hero.tsx
El comportamiento actual
El comportamiento esperado
Espero que el fondo negro sea transparente.
·
Juan Pablo Isaza
2 answers
Answer question0
Si allowtransparency , o allowTransparency o cualquier cosa no funciona, aún puede probar con CSS.
iframe { background-color: transparent; }
·
Juan Pablo Isaza
Report
0
Debería ser allowtransparency="true"
Pero su iframe no parece tener ningún espacio para la transparencia
·
Juan Pablo Isaza
Report
Answer question