前端面试题

以下是一些前端面试题：

一、HTML/CSS部分

1. 如何实现一个元素的背景颜色渐变效果，并且在不同浏览器中保持兼容性？

   • 答案：
     • 对于现代浏览器，可以使用标准的CSS渐变语法。
       • 线性渐变示例（从左到右，红色到蓝色）：

       background: linear - gradient(to right, red, blue);
       

       • 径向渐变示例（中心向四周，黄色到绿色）：

       background: radial - gradient(circle, yellow, green);
       

     • 为了兼容旧版本浏览器（如IE9及以下），需要添加厂商前缀。
       • 线性渐变：

       background: -webkit - linear - gradient(left, red, blue);
       background: -moz - linear - gradient(left, red, blue);
       background: -o - linear - gradient(left, red, blue);
       background: linear - gradient(to right, red, blue);
       

       • 径向渐变：

       background: -webkit - radial - gradient(circle, yellow, green)