手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器
CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器
摘要:一、有点俗态的开场白要是两年前,实现“兼容性的渐变效果”这个说法估计不会被提出来的,那个时候,说起渐变背景,想到的多...

一、有点俗态的开场白

要是两年前,实现“兼容性的渐变效果”这个说法估计不会被提出来的,那个时 候,说起渐变背景,想到的多半是IE的渐变滤镜,其他浏览器尚未支持,但是,在对CSS3支持日趋完善的今天,实现兼容性的渐变背景效果已经完全成为可 能,本文就将展示如何实现兼容性的渐变背景效果。在众多的浏览器中,目前不支持Opera浏览器。

本文实例效果都是同样的效果,就是垂直渐变,起始颜色红色,结束颜色蓝色,结束的蓝色的透明度是0.5。 

二、IE浏览器下的渐变背景

IE浏览器下渐变背景的使用需要使用IE的渐变滤镜。如下代码:
 

精品推荐
分类导航