首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏全栈程序员必看

    CSS使图片变灰

    〈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

    2.2K20编辑于 2022-07-15
  • 来自专栏奔跑的人生

    记录Ally项目的点点滴滴(二)-corlorbox and iframe

    .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

    95920发布于 2019-09-10
  • 来自专栏全栈程序员必看

    COLMO管线机隐藏安装_五金加工厂的设备清单

    , 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

    80830编辑于 2022-11-04
  • 来自专栏james大数据架构

    CSS好看的按钮

    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

    3.2K70发布于 2018-01-22
  • 来自专栏站长的编程笔记

    【说站】简单实现wordpress网站全站变灰代码

    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

    90410编辑于 2022-11-28
  • 微知识 | CSS3实现渐变背景兼容问题

    要兼容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

    1K30编辑于 2022-08-11
  • 来自专栏前端说吧

    CSS-背景渐变的兼容写法

    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

    2.1K50发布于 2018-05-17
  • 来自专栏阮一峰的网络日志

    CSS3常用功能的写法

    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

    98820发布于 2018-09-21
  • 来自专栏全栈程序员必看

    css只设置背景图片半透明,css 设置背景色或图片半透明的方法(图文)

    为半透明里面的内容不需要设置 下面介绍一下这两种情况 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

    3.4K10编辑于 2022-09-13
  • 来自专栏前端杂货铺

    IE滤镜及其使用技巧

    透明滤镜的使用方式很简单,只需在样式中定义     "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

    1.7K100发布于 2018-03-15
  • 来自专栏码客

    css3按钮

    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

    1.2K10发布于 2019-10-22
  • 来自专栏算法与编程之美

    网页|如何实现网页变灰效果

    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>

    3.1K30发布于 2020-04-15
  • 来自专栏九彩拼盘的叨叨叨

    CSS代码片段

    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

    1.3K20发布于 2018-08-27
  • 来自专栏软件开发

    弹出层之1:JQuery.Boxy (一)

        /*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

    4K10编辑于 2022-05-09
  • 来自专栏大大的小蜗牛

    网页黑白代码

    /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

    1.9K30编辑于 2022-12-16
  • 来自专栏全栈程序员必看

    去色怎么用_国际通用的最简单的救生包包括什么

    CSS代码: (插入到CSS文件的最顶端) html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 或者: *{filter: Gray;} HTML代码: (插入到页面HTML源码的<HEAD>和</HEAD>之间) <style>html{filter:progid:DXImageTransform.Microsoft.BasicImage 然后给图片或表格指定该样式 或把要灰色的不用用

    包括起来 方法二: html { filter:progid 如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入: <style> html{filter:progid:DXImageTransform.Microsoft.BasicImage

    60530编辑于 2022-11-08
  • 来自专栏最新Python入门基础合集

    穿越时代的CSS技巧:如何让网页瞬间变灰。让整个网页变灰前端代码

    CSS样式将应用于整个HTML文档 */ html { /* 这是一个针对旧版Internet Explorer浏览器的滤镜效果,用于将内容转换为灰度 */ filter: progid 如Chrome、Safari等)的滤镜效果,也用于将内容转换为灰度 */ -webkit-filter: grayscale(100%); } </style> filter: progid progid:DXImageTransform.Microsoft.BasicImage是IE特有的滤镜属性,用于对图像进行各种处理。

    48000编辑于 2024-11-20
  • 来自专栏技术博文

    JavaScript 图片的上传前预览(兼容所有浏览器)

    ● 对于 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>

    1.1K50发布于 2018-04-10
  • 来自专栏主机教程网 2bcd.com 的专栏

    WordPress网站如何实现一键复制(附JS代码)

    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

    2.7K50编辑于 2022-09-03
  • 来自专栏猪圈子

    网站都变成灰色了,这其中是怎么实现的呢?

    ; -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

    87340编辑于 2023-03-02
领券