Notas de estudio de CSS (problemas de compatibilidad del navegador)

Mejora progresiva:

Cree páginas para navegadores de versión baja a fin de garantizar las funciones más básicas y luego mejore los efectos, las interacciones y las funciones adicionales para navegadores avanzados para lograr una mejor experiencia de usuario.

Degradación agraciada:

Cree una función completa desde el principio y luego haga compatibilidad para navegadores de versiones inferiores.

Diferencia: la mejora progresiva es compatibilidad ascendente y la degradación elegante es compatibilidad descendente.

Prefijo del navegador:
Inserte la descripción de la imagen aquí

Los degradados CSS se dividen en las siguientes dos categorías:

Gradientes lineales-Abajo / Arriba / Izquierda / Derecha / Direcciones diagonales
Gradientes radiales: Definidos por su centro,
pero la compatibilidad de los colores de degradado es muy seria, aquí hay un degradado lineal:

background:-webkit-linear-gradient(渐变的起始位置, 起始颜色, 结束颜色);
background:-webkit-linear-gradient(渐变的起始位置, 颜色 位置, 颜色位置....)

Supongo que te gusta

Origin blog.csdn.net/weixin_44433499/article/details/107411519
Recomendado
Clasificación