诡异的CSS filter滤镜效果

最新推荐文章于 2024-07-26 08:00:00 发布
最新推荐文章于 2024-07-26 08:00:00 发布
阅读量570 收藏
点赞数
分类专栏： CSS 文章标签： filter css ie 百度 div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zystory/article/details/4466525
版权

今天遇到一个很诡异的CSS问题，一个DIV加了一个半透明效果

在本地预览没有问题，但是放到网上就不能实现半透明效果，然后发现，当域名为localhost的是很能实现，其他域名一概不行，就是换成127.0.0.1也不行，百度了好久终于发现时IE增强的安全配置的问题，将IE安全级别设为中就解决了，具体是因为哪一项设置导致的，暂时没去研究

zystory
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS——滤镜（filter ）
YANGMENGZHENG的博客
10-27 3905
前言 滤镜这个词我们不陌生，最常见的就是相机中的滤镜或者说PhotoShop 之类的制图软件。我们用滤镜来美化图片。而在 CSS 中，我们无需借助任何软件也可以实现很多种滤镜效果，例如模糊效果、透明效果、色彩反差调整、色彩反相等等。另外，通过 CSS 中的滤镜还能对网页中的元素或者视频进行处理。 一、什么是滤镜 对图像、图像进行的视觉处理(模糊、饱和度、对比度等)。 二、滤镜的实现---filter属性 1、CSS语法 filter: none | blur() | brightness(.
简单说 通过CSS的滤镜 实现 火焰效果
热门推荐
FEWY的博客
10-27 6万+
说明上次我们了解了一些css滤镜的基础知识， 简单说 CSS滤镜 filter属性 这次我们就来用css的滤镜实现一个 火焰的效果。 解释 要实现上面的火焰效果，我们先来了解一些必要的东西。 上次我们说过两个滤镜，blur 和 contrast。 blur 是给图像设置高斯模糊， contrast 是调整图像的对比度， 他们一起使用会产生融合的效果。 效果图 图中 红色
CSS filter（滤镜）属性，并实现页面置灰效果
m0_65029152的博客
07-04 1288
本文主要记录CSS中的filter（滤镜）属性的使用方法及其效果；
CSS 滤镜效果详解
大剑师兰特的GIS世界
04-28 847
CSS滤镜（Filter）允许开发者在浏览器端对元素的渲染结果进行实时图像处理，添加各种视觉效果，如模糊、锐化、颜色调整、阴影等。CSS滤镜可以应用于图片、背景图、视频等视觉内容，甚至可以直接作用于非替换元素（如`div`、`span`等）。
CSS滤镜（filter）
qq_40112624的博客
12-01 1569
CSS滤镜（filter）
CSS 滤镜filter教程
weixin_43466871的博客
12-03 490
CSS 滤镜 CSS样式表是一种为超文本标签语言提供增强补充服务的技术，可对每一个html的标签做精雕细刻的修饰。 只用html制作的网页，对页面内各部分的修饰能力有限且语句烦锁，样式表正是弥补这一缺陷的有力技术，它语句文法简单，只要在源码中插入style语句就可轻易实现页面内任意文本颜色、背景、边框、行距、字距的添删和修饰等功能，使网页更加生动活泼，从而获得满意的效果。当然，样式表的强大还依靠的...
css滤镜（filter）
前端碎片的博客
06-14 311
filter是css3中的滤镜属性，可以用来调整页面元素的模糊度、亮度、灰度等特征
CSS3的滤镜filter属性
丹
11-01 226
css3的滤镜filter属性，可以对网页中的图片进行类似Photoshop图片处理的效果，例如背景的毛玻璃效果、老照片（黑白照片）、火焰效果等。 一、blur(px)高斯模糊 给图像设置高斯模糊。值越大越模糊，默认是0，就是不模糊； 不过，blur模糊的缺点是边缘也会模糊不清。不过，在实际的应用中，会给图像添加一个box，超出范围隐藏 二、brightness(%)亮度 这里写brightness(2) 跟 写 brightness(200%) 效果是一样的。 三、contrast(%)对比度.
CSS滤镜filter
橘猫吃不胖的博客
11-10 273
CSS滤镜filter1 什么是滤镜2 常用的滤镜函数2 1 模糊效果2.2 设置图像的亮度2.3 图像的对比度2.4 阴影效果2.5 图像的灰度转换2.6 图像反转2.7 图像的不透明度2.8 图像转换为棕褐色2.9 图像的饱和度 1 什么是滤镜 滤镜就是对图像进行的视觉处理(模糊、饱和度、对比度等) 滤镜的实现：filter属性 2 常用的滤镜函数 2 1 模糊效果 模糊效果使用blur()来设置，()中数值越大图像越模糊。 语法为： filter: blur(模糊半径); 例如，HTML文件中代码如
CSS3滤镜效果-filter属性
shao_xuan_的博客
10-23 1350
CSS3滤镜效果-filter属性滤镜的实现：filter属性常用的滤镜函数1、模糊效果：blur(number)2、设置图像的亮度：brightness(number)3、图像的对比度：contrast(number)4、阴影效果：drop-shadow(args1 args2 args3 args4)5、图像的灰度转换：grayscale(number)6、图像颜色反转：invert(number)7、图像的不透明度：opacity(number)8、图像转换为棕褐色：sepia(number)9、图像
css滤镜效果（二）
10-30
CSS滤镜效果是一种强大的工具，用于对网页元素的视觉表现进行修饰和变换。在本文中，我们将深入探讨CSS滤镜的几个关键效果，包括Gray、Invert、Xray、Light、Mask、Shadow以及Wave。 1. **Gray滤镜**： Gray滤镜可...
css滤镜效果（一）
10-30
### CSS滤镜效果详解 #### 一、Alpha滤镜 Alpha滤镜主要用于调整元素的透明度，通过控制不同参数实现多样化的透明效果。其基本语法结构如下： ```css {FILTER: ALPHA(opacity=opacity, finishopacity=...
css3 filter滤镜属性制作图片滤镜特效
11-18
在“css3 filter滤镜属性制作图片滤镜特效”这一主题中，我们将深入探讨如何利用CSS3滤镜来创建令人惊叹的图片特效。 首先，滤镜属性的基本语法是： ```css element { filter: function1(value) function2(value)...
CSS滤镜效果大全
07-15
### CSS滤镜效果大全 #### 一、Alpha滤镜 - 设置透明度 Alpha滤镜用于控制元素的透明度。此滤镜提供了丰富的参数配置来实现不同程度的透明效果，包括简单的透明度调整到复杂的渐变透明。 - **表达格式**： ```...
纯CSS3图片滤镜效果.zip
07-11
纯CSS3图片滤镜效果是现代网页设计中一个引人注目的特性，它允许开发者无需借助JavaScript或者其他图像处理软件，就能直接在浏览器中为图片应用各种视觉特效。这个压缩包"纯CSS3图片滤镜效果.zip"很可能包含了若干...
CSS实现图片边框酷炫效果
流绪@微梦
07-26 1406
我们在浏览一些网页时，经常会看到一些好看酷炫的元素边框效果（如下图），那么这些效果是怎么实现的呢？我们知道，一般的边框，要么是实线，要么是虚线（点状，短横线），但是遇到一些特殊的边框，传统边框就束手无策了。遇到这种边框，不妨考虑下用 border-image。border-image属性可以给边框添加背景图片，实现图片边框效果。在css中，可以使用border-image属性设置图片边框，只需要给元素添加border-image样式即可。
CSS 的工作原理
07-25 1047
我可能会为一个框给出一个以像素为单位的回退宽度，然后继续给出一个值为 .旧浏览器将使用像素版本，忽略该行，因为它们不理解它。请记住，这是浏览器加载网页时发生的情况的非常简化的版本，并且不同的浏览器将以不同的方式处理该过程。鉴于 CSS 一直在开发中，因此领先于浏览器可以识别的内容，您可能会想知道如果浏览器遇到它无法识别的 CSS 选择器或声明会发生什么。如果浏览器正在解析您的规则，并遇到它无法理解的属性或值，它会忽略它并继续下一个声明。我们已经学习了CSS的基础知识，它的用途以及如何编写简单的样式表。
特斯拉财报看点：FSD拳打华为，Robotaxi 脚踢百度
数据猿
07-25 1380
大数据产业创新服务媒体——聚焦数据· 改变商业特斯拉发最新财报了，这不仅是一份财务报告，更是一张未来发展的蓝图。在这份蓝图中，两个关键词格外耀眼——FSD（全自动驾驶系统）和Robotaxi（无人驾驶出租车）。特斯拉，这个名字早已成为电动汽车和创新科技的代名词。然而，随着2024年第二季度财报的发布，我们发现，这家公司的野心远不止于此。它正以FSD和Robotaxi为先锋，准备在全球自动驾驶领域...
操作系统期末考试试题和标准答案及评分标准.doc
最新发布
08-01
操作系统期末考试试题和标准答案及评分标准
CSS3 -webkit-filter 滤镜效果
06-06
CSS3 中的 -webkit-filter 是一个用于添加滤镜效果的属性，它可以让开发者通过 CSS 代码来实现类似于照片编辑软件中的一些效果，例如模糊、变亮、变暗、灰度化等等。 具体来说，-webkit-filter 可以接受多个参数，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值