〈img src=”http://hovertree.com/hvtimg/201512/f748s0ko.jpg” style=”filter:progid:DXImageTransform.Microsoft.BasicImage (grayscale=1)” onmouseover=”this.style.filter=’progid:DXImageTransform.Microsoft.BasicImage(grayscale =0)'” onmouseout=”this.style.filter=’progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'”> 变灰: style= “filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); “ 如果想让整个网站的图片变灰,在样式表中加入 img {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} 按纽变灰 INPUT { border:1px solid #999
.cboxIE #cboxTopLeft { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader borderTopLeft.png, sizingMethod='scale'); } .cboxIE #cboxTopCenter { background:transparent; filter: progid borderTopCenter.png, sizingMethod='scale'); } .cboxIE #cboxTopRight { background:transparent; filter: progid borderTopRight.png, sizingMethod='scale'); } .cboxIE #cboxBottomLeft { background:transparent; filter: progid borderBottomRight.png, sizingMethod='scale'); } .cboxIE #cboxMiddleLeft { background:transparent; filter: progid
, 2006 Control Count: 138 ---- Control Name: Ref Edit Control Version: 1.0 Status: Registered ProgID 11/21/06 ---- Control Name: Microsoft Office Web Components 9.0 Version: 1.0 Status: Registered ProgID 24/01 Accessed: 11/21/06 ---- Control Name: SQLMMCActiveXWrapper.1 Version: Status: Registered ProgID 06/00 Accessed: 11/21/06 ---- Control Name: Kodak ͼÏñ¹ÜÀí¿ØÖÆ Version: 2.1 Status: Registered ProgID Modified: 01/10/00 Accessed: 11/21/06 ---- Control Name: Version: 1.0.0115 Status: Registered ProgID
solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid
ms-filter: grayscale(100%); /*ie9*/ -o-filter: grayscale(100%); /*opera*/ filter: grayscale(100%); filter:progid –[if IE]> <style> html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } </ IE]><–> <style> html{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter svg\”><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\”/></filter></svg>#grayscale”); filter: progid
要兼容IE8和IE9的话只能使用filter替代,如下: background-image: linear-gradient(to right, #ff9000, #ff5000); filter: progid DXImageTransform.Microsoft.gradient(startColorstr='#ffff9000', endColorstr='#ffff5000', GradientType=1); -ms-filter: progid GradientType=1); 我们在使用filter实现渐变的时候要注意颜色的值不能填简写(如#000),一定要写完整,我们来看看#000和#000000的区别: 当为#000的时候 filter: progid DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#ffff5000', GradientType=1); -ms-filter: progid DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffff5000', GradientType=1); -ms-filter: progid
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid } .myself1{ background: #779DFF; filter:alpha(opacity=100) progid } .myself2{ background: #4574EF; filter:alpha(opacity=100) progid } .myself3{ background: #9E42C7; filter:alpha(opacity=100) progid
ffffff; /* Saf3.0+, Chrome */ box-shadow: 3px 3px 4px #ffffff; /* Opera 10.5, IE 9.0 */ filter: progid DXImageTransform.Microsoft.dropshadow(OffX=3px, OffY=3px, Color='#ffffff'); /* IE6,IE7 */ -ms-filter: "progid top, left bottom, color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */ filter: progid background:transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99B4B490 (7.5deg); /* Opera 10.5 */ -webkit-transform: rotate(7.5deg); /* Saf3.1+, Chrome */ filter: progid
为半透明里面的内容不需要设置 下面介绍一下这两种情况 1.设置html元素你面内颜色和图片都为半透明状态支持IE浏览器 .bg1{ background:#000; opacity: 0.5; filter: progid 2.设置html元素最外层的颜色为半透明,子元素不进行设置: .bg2{ background:rgba(0,0,0,0.5);/*前三个参数为rgb颜色,第四个参数为透明度*/ filter:progid 的前两位为16进制透明度,后六位为16进制颜色*/ } 下面给出上面两种情况的测试代码: 设置背景半透明 .bg1{ background:#000; opacity: 0.5; filter: progid DXImageTransform.Microsoft.alpha(opacity=50); } .bg2{ background:rgba(0,0,0,0.5);/*前三个参数为rgb颜色,第四个参数为透明度*/ filter:progid
透明滤镜的使用方式很简单,只需在样式中定义 "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sProperties)" 即可 渐变滤镜的使用方法和透明滤镜类似: “filter:progid:DXImageTransform.Microsoft.Gradient(sProperties)” sProperties包括了几个特别的属性 -- 透明滤镜的使用 --> <DIV ID="oDiv" STYLE="position:relative; height:250px; width:250px; filter:<em>progid</em> .rgba{ background:rgba(0, 0, 0, 0.3); filter:<em>progid</em>:DXImageTransform.Microsoft.Gradient important; filter: <em>progid</em>:DXImageTransform.Microsoft.AlphaImageLoader(src='img/the_image.png
moz-linear-gradient(top, #faa51a, #f47a20); background: -o-linear-gradient(top, #faa51a, #f47a20); filter: progid , endColorstr='#f47a20'); /*IE不支持渐变,可以借助滤镜,但是滤镜无法实现圆角渐变,如果按钮要圆角可以把IE这两句去掉,即IE无渐变*/ -ms-filter: "progid from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid
html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter <style type="text/css"> html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);} </style> <html style="filter: <em>progid</em>:DXImageTransform.Microsoft.BasicImage : grayscale(100%); /*ie9*/ -o-filter: grayscale(100%); /*opera*/ filter: grayscale(100%); filter:<em>progid</em>
Hacks(Browser Specific Hacks) 见 browserhacks 跨浏览器的透明度 .transparent_class { /* IE 8 */ -ms-filter: "progid height:100px; background: url(/folder/yourimage.png) no-repeat; _background:none; _filter:progid (this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid
/*url则是指http://www.xxx.com/xxx.png的形式出现*/ .boxy-wrapper .top-left { #background: none; #filter:progid DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png'); } .boxy-wrapper .top-right { #background: none; #filter:progid DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png'); } .boxy-wrapper .bottom-right { #background: none; #filter:progid DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png'); } .boxy-wrapper .bottom-left { #background: none; #filter:progid
/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> 2,添加 CSS 代码: html { filter:progid grayscale=1); -webkit-filter: grayscale (1); } 若没有全站 CSS 代码,可在 < head > 和之间添加 html 代码: <style>html { filter:progid
CSS代码: (插入到CSS文件的最顶端)
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 或者: *{filter: Gray;} HTML代码: (插入到页面HTML源码的<HEAD>和</HEAD>之间) <style>html{filter:progid:DXImageTransform.Microsoft.BasicImage 然后给图片或表格指定该样式 或把要灰色的不用用
CSS样式将应用于整个HTML文档 */ html { /* 这是一个针对旧版Internet Explorer浏览器的滤镜效果,用于将内容转换为灰度 */ filter: progid 如Chrome、Safari等)的滤镜效果,也用于将内容转换为灰度 */ -webkit-filter: grayscale(100%); } </style> filter: progid progid:DXImageTransform.Microsoft.BasicImage是IE特有的滤镜属性,用于对图像进行各种处理。
● 对于 IE6~9 使用滤镜 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 来实现。 1 <! reader.readAsDataURL(file.files[0]); 31 } 32 else 33 { 34 prevDiv.innerHTML = '<div class="img" style="filter:<em>progid</em>
bottombottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top, #ed1c24, #aa1317); filter: progid ), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115);//https://2bcd.com filter: progid ), to(#ed1c24)); background: -moz-linear-gradient(top, #aa1317, #ed1c24);//https://2bcd.com filter: progid
; -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:progid 下面这段代码可以把网页变为黑白,将代码加到 CSS 最顶端就可以实现素装,如果网站没有使用 CSS,可以在网页/模板的 HTML 代码和 之间插入: <style> html { filter: progid 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid