一个渐变的IE Filter效果

最新推荐文章于 2019-11-13 16:27:19 发布
最新推荐文章于 2019-11-13 16:27:19 发布
阅读量3.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： asp.net 文章标签： filter ie div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/johnsuna/article/details/246777
博客展示了一个div元素的样式设置，包含内边距、滤镜效果、背景颜色和定位等。滤镜使用了progid:DXImageTransform.Microsoft.Alpha，设置了透明度渐变等参数，div内包含文字内容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<div style="PADDING-RIGHT: 80px; PADDING-BOTTOM:20px; PADDING-LEFT:80px; PADDING-TOP:10px; FILTER: progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=100,finishOpacity=5,startX=280,finishX=310,startY=400,finishY=500); BACKGROUND-COLOR: #CC99FF; position: absolute" ><font size="80%"><br>这里是文字<br><br><i>阿山Net</i> - <b>Johnsuna</b><br></div>

这里是文字

阿山Net - Johnsuna
IE8 滤镜效果filter:alpha(opacity=20);IE下失效出现黑色
09-25
IE8 滤镜效果filter:alpha(opacity=20);失效，在Chrome，FF等下都是ok的，唯独在IE下出现下面的黑色的，具体的解决方法如下，有类似情况的朋友可以参考下，希望对大家有所帮助
使用CSS3配合IE滤镜实现渐变和投影的效果
09-24
注意，`_filter`是针对IE的一个私有属性，其他浏览器会忽略。 总结来说，虽然CSS3提供了丰富的样式功能，但在支持较弱的浏览器中，需要利用滤镜技术来实现兼容。理解并熟练运用CSS3和IE滤镜的组合，可以确保你的...
使用filter完成的漂亮的CSS渐变特效——blendtrans
软件哲学
04-24 7970
再说神奇的 filter 滤镜，不过要提醒大家的就是在 firefox 下面不能使用 filter blendtrans的设置特别简单，就是设置一个转换时间：filter:blendtrans(duration=3)单位是秒这次用 blendtrans 来实现渐变成另外一幅图，先粘贴到记事本里面保存成html看看效果再看代码吧：html>head>script type="text/j
CSS滤镜及渐变 (filter样式表属性)
weixin_33883178的博客
05-13 367
2019独角兽企业重金招聘Python工程师标准>>> ...
IE8下css中滤镜filter的颜色渐变
xuaman的博客
12-16 3702
在其他网站上看到很多不错的渐变颜色，除了使用图片来实现以外，还可以使用css中的滤镜功能来实现。 例子: .aa{ filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #6699ff, endColorstr = #6699ff); } 今天中午吃什么？ 就可以实现
CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
热门推荐
freshlover的专栏
12-05 14万+
CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理，保持浏览器效果的一致，这个估计谁都会写，但是涉及到filter的具体语法含义和各版本写法的不同区别，很多人都搞不准确，我曾经问过许多群里的大牛，说的都不是很准确，网上的说法就更五花八门了。今天呢，主要是重新温习一下这个属性，并实际测试来说明正确的写法，和IE各版本的支持度和书写区别。 首
javascript支持IE和firefox(FF)的渐变透明效果
10-30
标题和描述中提到的焦点是JavaScript实现的跨浏览器渐变透明效果，特别是针对Internet Explorer（IE）和Firefox（FF）这两种浏览器。渐变透明是一种视觉效果，可以使元素从完全不透明逐渐变为半透明或从半透明过渡到...
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
10-22
2. 如果浏览器是IE（IE9之前版本不支持`<canvas>`），则会使用IE特有的滤镜属性`filter`来模拟渐变效果。通过拼接字符串的方式来构建`DXImageTransform.Microsoft.gradient`滤镜属性，实现渐变效果。 3. 如果浏览器...
CSS背景色渐变写法兼容ie6至ie9
09-25
为了解决这个bug，可以考虑使用SVG（Scalable Vector Graphics）作为背景图像，因为SVG在IE9中得到了良好的支持，且可以同时实现渐变和圆角效果。 总的来说，创建兼容IE6到IE9的CSS背景色渐变，需要结合多种语法和...
JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
11-23
在本实例中，我们探讨了如何使用JavaScript和CSS来创建一个动态效果，即当鼠标悬停在特定元素上时，会弹出一个带有缓冲动画和渐变效果的DIV框。这个效果可以增强用户界面的交互性和吸引力。 首先，HTML部分包含了一...
滤镜filter的用法
westernRanger的专栏
11-05 2927
IE8 IEfilter rgba()
CSS滤镜及渐变 (filter样式表属性)
ECSHOP专属建设
04-09 1652
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <div id="content" class= "content mod-cs-content text-content clearfix">滤镜效果    
IE8和IE9使用filter实现渐变背景时的颜色问题
shengandshu的博客
06-29 1057
linear-gradient最低只支持IE10，所以要兼容IE8和IE9的话只能使用filter替代。代码如下：filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1471da,endColorstr=#1C85FB);/*IE<9>*/ -ms-filter:"progid:DXImag
23 - JavaScript 通过style对象设置行内样式
JayYuen的博客
11-13 1万+
style属性的获取和修改 在DOM当中，如果想设置样式，有两种形式： className（针对内嵌样式） style（针对行内样式） 这篇文章，我们就来讲一下style。 需要注意的是：style是一个对象，只能获取行内样式，不能获取内嵌的样式和外链的样式。例如： <!DOCTYPE html> <html lang="en"> <head> ...
IE8半透明滤镜(filter:alpha)失效（附png半透明失效的解决办法）
hujunsong的专栏
09-22 4257
很诡异的问题，很诡异的问题，真是很诡异的问题，很蛋疼的问题，很蛋疼的问题，真是很蛋疼的问题。 前两天给div写的滤镜在IE8、9上都没有问题，不知道为什么，今天一看，滤镜在IE9上没有问题，但IE8上变成黑色的了，无语啊无语。。。 在网上找了很久资料，虽然问题
渐变背景（background）效果
FE攻城狮
08-10 2万+
chrom and Safari浏览器： webkit核心的浏览器，使用CSS3渐变方法（css-gradient） -webkit-gradient(type, start_point, end_point, / stop...) -webkit-gradient(type, inner_center, inner_radius, outer_center, outer
CSS3与IE滤镜实现渐变效果详解
这段代码定义了一个从顶部开始，从黄色(#FD0)渐变为橙色(#C30)的渐变效果。这里的`top`表示从上到下的方向，也可以使用`left`, `right`, `bottom`或特定角度如`45deg`。颜色参数可以包含多个，形成更复杂的渐变。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值