IE 滤镜指的是 Internet Explorer 浏览器特有的样式效果,通过应用这些滤镜,可以实现图片和文本的各种特效。以下是关于 ie 滤镜大全整理的完整攻略。
1. 网址获取
要了解 ie 滤镜大全,首先需要找到一个完整的网址。目前,比较全面的 ie 滤镜大全网址为:
http://www.puritys.me/docs-blog/detail?id=32
这个网址包含了众多 ie 滤镜的示例和用法,可以作为使用 ie 滤镜的参考。
2.基本细节
- 滤镜类型:
ie 滤镜主要分为五大类,分别是Alpha滤镜(阿尔法)、BasicImage滤镜(基本图像)、DXImageTransform.Microsoft滤镜(DirectX图像转换)、Shadow滤镜(阴影)以及TextEffect滤镜(文本效果)。
- 兼容性:
ie 滤镜只适用于 Internet Explorer 浏览器,不兼容其它主流浏览器。同时,ie 滤镜在不同版本的 IE 浏览器中兼容性也有所不同。
- 滤镜的书写方式:
ie 滤镜需要在 CSS
中的样式属性里书写,格式为:
filter: progid:DXImageTransform.Microsoft.XXXXXXXXXXXXXX;
其中 XXXXXXXXXXXXXX
部分填入你需要使用的滤镜名称及滤镜参数。
3. 示例说明
这里给出两个使用 ie 滤镜的示例。
- 实现图片阴影效果
使用 Shadow
滤镜可以实现图片的阴影效果,具体方法为:
img {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=80,strength=5);
}
在这个滤镜中,color
表示阴影的颜色,direction
表示光源方向,strength
表示阴影强度。
- 实现文本阴影效果
可以使用 TextEffect
滤镜实现文本阴影效果,具体方法为:
h1 {
filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2,OffY=2,Color=#CCCCCC);
}
在这个滤镜中,OffX
表示阴影的 X 偏移量,OffY
表示阴影的 Y 偏移量,Color
表示阴影的颜色。
通过这两个示例,可以初步了解 ie 滤镜的使用方法和效果展示。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:ie 滤镜大全整理 - Python技术站