IE版本的放大镜效果

Question

http://www.etherdream.com/funnyscript/zoom/ie.htmlIE支持滤镜，所以很简单。IE之外的浏览器，不用Canvas的话，大家看看有什么思路？

Answer 1

2张图片 其实
大的隐藏。看这个http://css-tricks.com/anythingzoomer-jquery-plugin/

Answer 2

http://www.cnblogs.com/cloudgamer/archive/2010/04/14/ImageZoom_ext.html

Answer 3

都是没看就回复的。
这个效果不用IE还真不好做。用canvas当然是另回事。纯CSS的话估计是没法实现的。IE靠的是圆形蒙版滤镜才得以实现，其他浏览器不支持蒙版滤镜，圆圈外的边角料是没办法透视的。以上我的想法。不排除用很巧妙的CSS也可以实现。

Answer 4

.border-radius{width:100px;height:100px;border:solid 2px #000;
    -moz-border-radius:50px;-webkit-border-radius:50px;-o-border-radius:50px;border-radius:50px;}
除了 IE 9 以外，大部分的主流浏览器都支持圆角，所以这个圆形边的问题已经解决了。
剩下的用js相信还是比较简单就可以完成了。纯css的话，没有想到解决方案。

Answer 5

哎13楼你早来一步就好了。中午翻遍了CSS的特征，最后选择的就是CSS3圆角。不过纯粹的圆角还是没法解决问题的。多次测试，发现只有给带圆角的层设置背景图片才有效果。
最新的版本：
http://www.etherdream.com/funnyscript/zoom/demo.html支持IE6/7/8,FireFox,Opera,Safari,Chrome。其他的浏览器没测试过。

Answer 6

有3个版本：
http://www.etherdream.com/funnyscript/zoom/IE.html
http://www.etherdream.com/funnyscript/zoom/FireFox.html
http://www.etherdream.com/funnyscript/zoom/Other.html其中FireFox和Other原理是一样的。不过FF和其他浏览器差异较大，所以单独作为一个版本。他们都是用CSS3特征：圆角边框和背景缩放。IE版本的比较简单。因为支持滤镜，所以用Chroma滤镜实现一个蒙版就可以了。

Answer 7

- - 很明显有个地方我表达错了 除了 IE 9 以外，大部分的主流浏览器都支持圆角--》 除了 IE9版本 以下的IE浏览器， 大部分的主流浏览器都支持圆角