ie 滤镜大全整理

yizhihongxing

IE 滤镜指的是 Internet Explorer 浏览器特有的样式效果,通过应用这些滤镜,可以实现图片和文本的各种特效。以下是关于 ie 滤镜大全整理的完整攻略。

1. 网址获取

要了解 ie 滤镜大全,首先需要找到一个完整的网址。目前,比较全面的 ie 滤镜大全网址为:

http://www.puritys.me/docs-blog/detail?id=32

这个网址包含了众多 ie 滤镜的示例和用法,可以作为使用 ie 滤镜的参考。

2.基本细节

  1. 滤镜类型:

ie 滤镜主要分为五大类,分别是Alpha滤镜(阿尔法)、BasicImage滤镜(基本图像)、DXImageTransform.Microsoft滤镜(DirectX图像转换)、Shadow滤镜(阴影)以及TextEffect滤镜(文本效果)。

  1. 兼容性:

ie 滤镜只适用于 Internet Explorer 浏览器,不兼容其它主流浏览器。同时,ie 滤镜在不同版本的 IE 浏览器中兼容性也有所不同。

  1. 滤镜的书写方式:

ie 滤镜需要在 CSS 中的样式属性里书写,格式为:

filter: progid:DXImageTransform.Microsoft.XXXXXXXXXXXXXX;

其中 XXXXXXXXXXXXXX 部分填入你需要使用的滤镜名称及滤镜参数。

3. 示例说明

这里给出两个使用 ie 滤镜的示例。

  1. 实现图片阴影效果

使用 Shadow 滤镜可以实现图片的阴影效果,具体方法为:

img {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=80,strength=5);
}

在这个滤镜中,color 表示阴影的颜色,direction 表示光源方向,strength 表示阴影强度。

  1. 实现文本阴影效果

可以使用 TextEffect 滤镜实现文本阴影效果,具体方法为:

h1 {
    filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2,OffY=2,Color=#CCCCCC);
}

在这个滤镜中,OffX 表示阴影的 X 偏移量,OffY 表示阴影的 Y 偏移量,Color 表示阴影的颜色。

通过这两个示例,可以初步了解 ie 滤镜的使用方法和效果展示。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:ie 滤镜大全整理 - Python技术站

(0)
上一篇 2023年6月11日
下一篇 2023年6月11日

相关文章

  • PS怎么设置CSS样式? PS中的图形CSS样式使用方法

    下面是详细的攻略: PS设置CSS样式 如果你在使用PS设计网页时,想要将PS中的图形样式直接应用到CSS代码中,可以按照以下步骤进行操作: 首先,在PS中选择你想要编辑的图形层,在“图层”面板中单击该图形层。 然后,在“图层样式”面板中,你可以看到有很多可选的样式选项,如阴影、边框、填充等。在这些选项中,你可以选择需要的样式进行编辑。 当你完成了样式的编辑…

    css 2023年6月9日
    00
  • 学习使用Bootstrap输入框、导航、分页等常用组件

    学习使用Bootstrap组件是网页开发入门的必备技能之一。下面是学习使用Bootstrap输入框、导航、分页等常用组件的完整攻略。 步骤一:引入Bootstrap 在使用Bootstrap之前,首先需要在你的网页中引入Bootstrap库。可以通过以下代码引入Bootstrap: <link rel="stylesheet" hr…

    css 2023年6月11日
    00
  • 前端vue-cli项目中使用img图片和background背景图的几种方法

    我会给你详细讲解前端vue-cli项目中使用img图片和background背景图的几种方法。在这份攻略中,我会涵盖两个示例,分别是使用相对路径和使用CDN路径。 使用img标签添加图片 第一种方法:使用相对路径 如果图片文件和HTML文件在同一个目录下,可以使用相对路径的方式添加图片。 <!– index.html –> <body&…

    css 2023年6月9日
    00
  • css样式层叠规则详解

    当多个 CSS 规则同时作用于同一个 HTML 元素时,就会涉及到 CSS 样式的层叠。而当出现了冲突时,就需要根据层叠规则来确定哪个样式会被最终应用到元素上。以下是 CSS 样式层叠规则的详解。 1. 权重 Specificity 当一个元素被多个 CSS 规则选择到时,就需要根据 Specificity 权重来决定哪一条样式会被优先应用。CSS 的 Sp…

    css 2023年6月10日
    00
  • CSS实例:CSS实现的等高网页布局

    以下是CSS实现的等高网页布局的完整攻略: 具体步骤 1.首先,在HTML中设置一个容器来承载所有的网页内容,这个容器可以是一个div标签,设置它的高度为auto,将内容容器的高度和宽度都设置为100%; 2.创建左边的导航栏容器,将其float属性设置为left,然后设置其宽度和内容容器的宽度相同,设为20%或其他值; 3.在右边的主容器中,设置两个div…

    css 2023年6月10日
    00
  • css如何去掉点击a链接带来的虚框

    在 CSS 中,我们可以使用 outline 属性来去掉点击 a 链接带来的虚框。下面是一个完整攻略,包含了如何使用 CSS 去掉点击 a 链接带来的虚框的过程和两个示例说明。 CSS 如何去掉点击 a 链接带来的虚框 我们可以使用 outline 属性来去掉点击 a 链接带来的虚框。outline 属性用于设置元素的轮廓线,我们可以将其设置为 none 来…

    css 2023年5月18日
    00
  • Vue Transition实现类原生组件跳转过渡动画的示例

    下面就是 “Vue Transition实现类原生组件跳转过渡动画的示例” 的完整攻略。 首先,我们需要理解 Vue 中过渡的概念。Vue 提供两个指令,分别为 v-enter 和 v-leave,用于控制 enter/leave 过渡动画。当元素插入或删除时,你可以定义相应动画完成过程。 下面是一个基本的 Vue 过渡使用示例: <template&…

    css 2023年6月11日
    00
  • 自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结

    自适应布局是指网页在不同的设备上(如PC、手机、平板等)都能够有良好的展示效果,其中最重要的一步就是设置meta标签中viewport属性。 viewport属性用于控制浏览器的显示区域,以及渲染出来的页面在其中的放大或缩小比例。下面分别讲解viewport属性中各个参数的含义: width:指定viewport的宽度,可以是一个整数或者字符串“device…

    css 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部