`
ynduanlian
  • 浏览: 37234 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS滤镜效果的“潜规则”

 
阅读更多

照抄网上的代码如下,在IE7和Chrome下都没有阴影效果

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
    h1 {filter:Shadow(Color=black,Direction=135);}
    </style>
 
</head>
<body>
<h1>test</h1>
</body>
</html>
 
在Chrome下不显示效果很正常,但滤镜是得到IE支持的,在IE7下也不出效果就怪了。
后经经高人指点才知道,滤镜效果要在设置了Height或Width属性后才生效(经测试发现是Height或Width之一)。
 
原来还有这样的潜规则!
分享到:
评论

相关推荐

    css 滤镜大全,全部css滤镜

    CSS滤镜是现代Web设计中一个非常强大的工具,它们允许开发者在不使用任何图像编辑软件的情况下,对网页上的图片和元素应用各种视觉效果。在给定的文件中,提到了一系列的CSS滤镜效果,接下来将对这些滤镜进行详细的...

    CSS滤镜 CSS滤镜大全

    CSS滤镜大全 各类滤镜 HTML滤镜大全 IE滤镜大全

    精通CSS滤镜,精通CSS滤镜

    CSS滤镜(Filter)是CSS3的一个重要特性,它允许我们对元素应用不同的视觉效果,如模糊、灰度、饱和度调整、对比度调整等。这些滤镜效果可以在不使用图像编辑软件的情况下直接在网页上实时调整,大大提升了设计师的...

    css部分滤镜效果代码

    CSS滤镜效果是CSS中的一种特性,它允许开发者对网页元素应用视觉效果,如模糊、颜色调整、饱和度变化等。这些效果可以增强用户界面的视觉吸引力,提升用户体验。本篇将详细介绍CSS滤镜效果以及如何在实际项目中应用...

    css自动生成滤镜效果

    本文将深入探讨“css自动生成滤镜效果”的相关知识点,以及如何使用“微软滤镜调配器”这一工具。 一、CSS滤镜概述 CSS滤镜允许开发者对网页元素应用各种视觉效果,如模糊、饱和度调整、色调变化等。它们通常以滤镜...

    全套CSS滤镜特效 全套 CSS 滤镜 特效

    全套CSS滤镜特效 全套 CSS 滤镜 特效

    CSS滤镜在网页设计中的应用.rar

    在网页设计领域,CSS滤镜是一种强大的工具,它允许开发者通过简单的代码实现各种视觉效果,如图像模糊、颜色调整、渐变、光照等,极大地提升了网页的视觉吸引力和用户体验。本篇将深入探讨CSS滤镜的应用,包括其基本...

    CSS 滤镜效果(查询用)

    ### CSS滤镜效果详解 #### 一、Alpha Alpha滤镜用于设置元素的透明度,可以为元素的不同部分设定不同的透明度。通过调整参数,可以让元素实现渐变透明的效果。 - **语法**: `filter: alpha(opacity=opacity, ...

    CSS滤镜使用教程

    其中,CSS滤镜(CSS Filters)是CSS3引入的一项特性,它允许我们对网页元素进行视觉效果处理,如模糊、灰度、饱和度调整、对比度增强等。本教程将深入讲解CSS滤镜的使用方法,帮助你提升网页设计的视觉表现力。 一...

    滤镜CSS3效果

    在CSS3中,滤镜功能提供了丰富的样式和效果,使得网页设计变得更加动态和富有创意。 描述中提到的“滤镜特效HML5+CSS3”暗示我们将探讨如何结合这两种技术来实现这些特效。HTML5是第五代超文本标记语言,增强了网页...

    Dreamweaver中CSS滤镜的功能和参数设置

    在Dreamweaver中,CSS滤镜是一种强大的工具,允许开发者为网页元素添加各种视觉效果,如透明度、模糊、阴影、翻转等。通过CSS滤镜,你可以增强网页的视觉吸引力,创造出各种独特的视觉体验。以下是一些主要的CSS滤镜...

    css滤镜filter中文手册

    CSS滤镜(Filter)是一种强大的工具,它允许开发者对网页元素的视觉表现进行各种效果处理,如模糊、灰度、饱和度调整、颜色变化等。在本中文手册中,我们将深入探讨CSS滤镜的各种属性和用法,并通过实例演示来帮助...

    15种CSS滤镜例子,(全)

    2. **波纹效果**:虽然CSS本身没有内置的波纹效果滤镜,但可以通过组合`translate`和`rotate`属性以及`animation`来创建动态的波纹效果。 3. **风动效果**:利用`translateX()`和`animation`,可以模拟风吹动元素的...

    CSS滤镜效果介绍.pdf

    标题中的“CSS滤镜效果介绍”指的是CSS中的滤镜(Filter)特性,它允许开发者对网页元素应用视觉效果,如模糊、颜色调整等。描述中提到了CSS静态滤镜样式和动态滤镜,两者都是CSS滤镜的不同使用方式。 1. **CSS静态...

    CSS滤镜.

    CSS滤镜是一种在Web设计中使用的工具,它允许开发者对网页元素应用视觉效果,比如模糊、阴影、发光等。CSS滤镜是通过filter属性来实现的,这个属性提供了多种不同的视觉效果选项。以下是一些主要的知识点: 1. ...

    CSS滤镜2.0帮助手册+精通CSS滤镜

    CSS滤镜是通过应用一系列图像处理效果来改变元素外观的样式规则。它们通常以`filter`属性的形式出现,可以应用于任何具有背景的块级或内联元素。例如,`filter: grayscale(50%)`将使元素变为半灰阶效果。 二、滤镜...

    HTML5+CSS仿Instagram应用图片滤镜效果

    CSS部分,特别是`css`文件夹中的样式表,是实现图片滤镜效果的核心。CSS滤镜是一个强大的特性,允许开发者对元素应用各种视觉效果,如模糊、灰度、饱和度、亮度、对比度、色调、饱和度、曝光度等。例如,`filter`...

    IE css动态滤镜效果查看

    【标题】"IE css动态滤镜效果查看"涵盖了在Internet Explorer浏览器中使用CSS(层叠样式表)实现的特殊视觉效果。动态滤镜是IE特有的CSS扩展,它们允许开发者为HTML元素添加各种视觉特效,例如渐变、阴影、反射等。...

    CSS渐变滤镜大全(可以实现很多渐变……效果)

    从给定的文件信息来看,标题、描述以及标签均指向了“CSS渐变滤镜”的主题,这显然是在探讨如何利用CSS(层叠样式表)来实现各种视觉上的渐变效果。然而,从部分内码内容来看,所展示的代码实际上是针对IE浏览器的...

Global site tag (gtag.js) - Google Analytics