`
ynduanlian
  • 浏览: 37985 次
  • 性别: 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滤镜概述 CSS滤镜允许开发者对网页元素应用各种视觉效果,如模糊、饱和度调整、色调变化等。它们通常以滤镜...

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

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

    css滤镜中文手册 css滤镜大全

    CSS滤镜是Internet Explorer浏览器特有的功能,允许开发者对网页元素进行视觉效果的处理,比如调整颜色、透明度、模糊等。手册中详述的`filters`属性是一个DHTML Object Model的数组集合,可以通过`object.filters`...

    CSS滤镜使用教程

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

    滤镜CSS3效果

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

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

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

    漂亮的CSS滤镜按钮

    在网页设计中,CSS滤镜按钮是一种常见的交互元素,用于为用户提供不同的视觉效果或功能选择。这类按钮通常具有美观的设计和动态变换的视觉效果,能够提升用户体验并吸引用户注意。本篇文章将深入探讨如何利用CSS来...

    CSS3滤镜效果动画生成器 Css Filterlab.rar

    点击不同的滤镜效果就可以添加各种参数了,效果会即时的显示在右边的界面中,参数有点类似 Photoshop 的图层效果,具有一定的优先级别,你可以拖动参数配置参数的优先级别。 代码是实时生成并且高亮的。 通过下方...

    15种CSS滤镜例子,(全)

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

    精通CSS滤镜资源下载

    CSS滤镜是一种样式规则,允许开发者对网页元素的视觉表现进行调整,比如改变颜色、模糊度、饱和度等。这种技术尤其适用于图片和视频,可以实现各种视觉效果,如照片滤镜、复古效果或者动态模糊。 CSS滤镜主要通过`...

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

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

    最新css滤镜宝典

    CSS滤镜是Web设计中的一个重要工具,它允许开发者对网页元素的视觉表现进行丰富的调整和增强,包括颜色校正、模糊、锐化、渐变等效果。在现代Web设计中,CSS滤镜的运用可以极大地提升用户体验,创造出更具吸引力和...

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

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

    CSS滤镜中文参考手册

    CSS滤镜中文手册,不用图片也能做文字特效

    CSS教程-CSS样式CSS滤镜

    本手册是 Rainer's DHTML Library 产品的一部分。 本手册针对的是已有一定网页设计制作经验的读者...其目的是提供完整清晰的样式滤镜的快速索引及进阶帮助。所以对于网页制作和样式表的基础知识,仅简单介绍,恕不赘述

    js+css滤镜实现动态图片显示

    【标题】"js+css滤镜实现动态图片显示"揭示了使用JavaScript和CSS技术来创建交互式、动态的图片展示效果。在Web开发中,图片的动态显示不仅可以增强用户体验,还可以为网站或应用增添视觉吸引力。这篇博客文章通过...

    css教程-css样式css滤镜

    这个压缩包“CSS教程-CSS样式CSS滤镜”包含了关于CSS样式的深入学习资料,特别是CSS滤镜的使用,对于想要提升网页视觉效果的设计师来说,是非常宝贵的资源。 CSS样式是控制网页元素显示的关键,通过选择器(如类名...

    CSS滤镜手册

    CSS滤镜是一组用于修改元素视觉表现的图形效果,允许开发者通过简单的代码实现图像处理功能,如模糊、阴影、色彩调整等。这些效果无需借助额外的图像编辑软件即可在网页上实时应用。 #### Alpha滤镜 Alpha滤镜用于...

Global site tag (gtag.js) - Google Analytics