《用CSS制作一个圆形放大镜》文章已经归档，站长之家不再展示相关内容，下文是站长之家的自动化写作机器人，通过算法提取的文章重点内容。这只AI还很年轻，欢迎联系我们帮它成长：
就像放大镜或是狙击镜那样，只有圆圈里的放大，圈外的当然还是原来的图片...
但第3步可就不对了，虽然之前加盖了一张透明圆形的gif图片，屏幕上确实出现了一个放大过的圆形图片，但圆圈的外面却变成加盖图片的背景色了，因为这张图片是在最上层了...
对于IE来说，这并非难事，因为IE有滤镜...
Chroma滤镜在给指定的蒙版背景色透明的时候，圆圈里同样的颜色也会一起透明掉，所以要给蒙版设置一个非常少见的背景色，尽可能减少圆圈里的透明像素点...
不过可别忘了那些非IE的主流浏览器几乎都是支持CSS3的...
并且CSS3是支持背景图片缩放的，本例到此也就迎刃而解了...
前面关键的问题都以解决，下面就实现一个狙击瞄准器的效果，并支持滚轮缩放...
......
本文由站长之家用户“EtherDream の 原创空间,www.cnblogs.com/index-html/”投稿，本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间，为了保证文章信息的及时性，内容观点的准确性，平台将不提供完整的内容展现，本页面内容仅为平台搜索索引使用。需阅读完整内容的用户，请联系作者获取原文。
（举报）
