Tag: 灰度

跨浏览器（IE 10和11）灰度问题

我在此站点的导航滑块上创建灰度效果时遇到问题 – pts.smartchurchproject.com。 您会注意到效果适用于Chrome，Firefox和IE <10和11. IE 10和11是问题，因为它们不再支持CSS过滤器。 我目前正在使用此修复程序来处理IE 10和11. http://www.majas-lapu-izstrade.lv/cross-browser-grayscale-image-example-using-css3-js-v2-0-with-浏览器的function检测用使用-Modernizr的/ 它适用于hover效果，但我希望导航配置文件在单击和展开时保持颜色。 我认为这将是一个简单的解决方案，但我有一个时间让它工作的bugger。 有什么建议？ 这是该网站的相关脚本。 谢谢你的帮助！ walkingmiller var gry = jQuery; gry.noConflict(); gry(document).ready(function () { /** Script tests browser features and tells if the Browser is IE10 or IE11 Target IE 10 with JavaScript and CSS property detection. # 2013 by Tim Pietrusky # timpietrusky.com **/ […]

带动画的CSS灰度

我有一些css将我的图像更改为灰度（有一些svg for firefox） img.grayscale{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); } 但现在我希望hover动画以将灰度值更改为0。 我有这个代码，但它没有做任何事情（当然在chrome上），我不知道为什么它根本没有动画。 $(“.grayscale”).hover( function () { $(this).animate({ ‘-webkit-filter’: ‘grayscale(‘0’%)’ }, 300); } ); 我认为可以将％从100％设为0％，不是吗？ 编辑：我正在尝试为所有浏览器做，不仅是铬，但我在chrome上进行测试，这就是为什么我没有改变所有属性。 我想当我找到chrome的答案时，我可以为其他浏览器做同样的事:)

如何将回调函数发送回主函数

我有这个小提琴http://jsfiddle.net/jdsans/38GFS/我试图锻炼，但我无法将回调函数的返回发送到主函数。 回调函数包含我想要的结束返回值，但它不返回。 当我使用document.write（）函数打印返回值时，我得到了我想要的确切值，但正如我之前所说，它不会被返回。 任何人都可以用这个小提琴来向我展示一个有效的例子。 我在小提琴中添加了更多细节作为评论，以便您在理解我时没有任何问题。