火狐下css滤镜效果怎么实现

opacity 透明度 glow:加光辉在附近对象的边外. brightness 亮度 gray:把图片灰度化.  contrast 对比度 invert:反色. blur 模糊 light:创建光源在对象上.  drop-shadow 阴影 mask:创建透明掩膜在对象上.shadow:创建偏移固定影子.wave:波纹效果.Xray:使对象变的像被x光照射一样.尊敬的...
火狐下css滤镜效果怎么实现
  尊敬的用户,您好!很高兴为您答疑。
  这个filter的css样式属性是ie下特有的,未被w3c收入,故而在火狐浏览器下尚未提供支持。但是通过js编码可以部分实现一些滤镜效果,如透明等。
  希望我的回答对您有所帮助,如有疑问,欢迎继续咨询我们。2014-12-14
background-color: #000;
filter:alpha(opacity=60);/*IE下的透明CSS*/
-moz-opacity: 0.6;/*FireFox下透明效果*/
opacity: 0.6;/*Chrome下透明效果*/2014-12-11
滤镜效果filter的css样式属性是微软Internet Explorer特有的,未被W3C收入,故而在火狐浏览器下尚未提供支持。但是通过js编码可以部分实现一些滤镜效果,如透明等。
随着浏览器的发展CSS的功能越来越强大,大多数的滤镜效果有类似功能的CSS样式实现了。

对应表:
IE 滤镜                  W3C 滤镜
Alpha:设置透明层次.            grayscale 灰度
blur:创建高速度移动效果,即模糊效果.    sepia 褐色
Chroma:制作专用颜色透明.         saturate 饱和度
DropShadow:创建对象的固定影子.     hue-rotate 色相旋转
FlipH:创建水平镜像图片.          invert 反色
FlipV:创建垂直镜像图片.          opacity 透明度
glow:加光辉在附近对象的边外.       brightness 亮度
gray:把图片灰度化.            contrast 对比度
invert:反色. blur 模糊
light:创建光源在对象上.          drop-shadow 阴影
mask:创建透明掩膜在对象上.
shadow:创建偏移固定影子.
wave:波纹效果.
Xray:使对象变的像被x光照射一样.2015-12-24
mengvlog 阅读 8 次 更新于 2025-07-20 08:45:28 我来答关注问题0
  •  __一方通行冫 六维右边怎么搞成透明的?火狐,stylish代码

    您可以在该div内使用Alpha以实现透明的需求。滤镜:Alpha 语法:STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"说明:Opacity:起始值,取值为0~100, 0为透明,100为原图。FinishOpacity:目标值。S...

  •  廖乐迩hr 火狐实现网页背景透明的办法,任何一个即可,要详细教程。要支持最新版的浏览器,火狐13.像这样的。

    第一步:用firefox安装stylish 扩展。 地址:https://addons.mozilla.org/en-US/firefox/addon/2108 第二步:添加CSS磨砂玻璃样式风格到你的stylish扩展。地址:http://userstyles.org/styles/19104该链接未经验证: http://userstyles.org/styles/19104 第三步:firefox界面的菜单栏选择工具 》选项 》...

  • 126的射手 在火狐中用css如何实现文字纵向排列

    按照文字书写习惯,目前尚无原生属性可以实现文字纵向排列,为了实现此要求,一般会采用变相处理的办法。您可以参考以下代码:念奴娇 赤壁怀古body {padding:30px 100...

  • InTomo text-overflow:ellipsis;在火狐下的实现

    您好!很高兴为您答疑!之所以在火狐下不正常是因为火狐不支持text-overflow:ellipsis,火狐下您可以安装Firebug检查页面代码。您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

  •  阿暄生活 如何实现网站的黑白效果

    要实现网站的黑白效果,可以通过以下方式:使用CSS中的filter属性: 应用grayscale滤镜:通过CSS中的filter属性,并设置grayscale,可以将网站元素转换为全黑白效果。例如,在HTML元素的样式中添加filter: grayscale;。确保跨浏览器兼容性: 添加浏览器前缀:为了兼容不同的浏览器,可能需要添加浏览器特定的前...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部