Sobre elementos fijos y fondos.

Después de jugarapsect-ratio y quedar gratamente sorprendido de lo intuitivo que es, aquí hay un ejemplo de CSS que actúa de manera poco intuitiva:

Si tiene un elemento fijo en su página, lo que significa que no se mueve cuando se desplaza, es posible que se dé cuenta de que ya no actúa como fijo si aplica un filtro CSS en su ancestro más cercano. Adelante, pruébalo en CodePen .

Esto se debe a que aplicar a filteren el padre inmediato del elemento fijo hace que se convierta en el bloque contenedor en lugar de la ventana gráfica.

Hui Jing tiene más que enseñar sobre el desplazamiento, el rendimiento de renderizado y el truco del uso de pseudoelementos para evitar problemas.

Encuentro este tipo de cosas entre los conceptos CSS más desafiantes para entender, como los contextos de formato de bloques (BFC). Un BFC es un mini diseño en su diseño.

Enlace directo →

Tal vez te puede interesar:

1. La innovación no puede mantener la Web rápida
2. Rendimiento web ultrarrápido
3. Tabla de contenidos fijos con estados activos de desplazamiento
4. “cambiar tamaño: ninguno;” en áreas de texto es una mala experiencia de usuario

Sobre elementos fijos y fondos.

Después de jugarapsect-ratio y quedar gratamente sorprendido de lo intuitivo que es, aquí hay un ejemplo de CSS que actúa de manera poco intuitiva:

programar

es

https://aprendeprogramando.es/static/images/programar-sobre-elementos-fijos-y-fondos-1542-0.jpg

2024-09-30

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente