文章关键字 ‘透明’

JS检测PNG图片是否有透明背景、抠图等相关处理

2018年05月1日,星期二

用户上传图片,如果是PNG图片,有时候我们希望这张PNG图片背景不要是透明的,有时候又希望是透明的,有没有什么方法可以直接在前端就检测出是否是含透明区域的图片,以及做出相关的体验优化处理呢?如果非透明图片想要非常方便快速变成透明图片,又当如何处理呢?本文会提供详尽的解答,丰富的配图,必要的源代码,希望本文的内容能够对您的学习有所帮助!

阅读全文…

【翻译】借助SVG实现背景透明JPG图片

2017年03月9日,星期四

人物往往色彩丰富,有时候会遇到需要背景透明的场景,结果PNG24图片尺寸太大,PNG8质量太差,JPG尺寸最小效果还好,但是背景又不透明,有没有什么办法就有JPG的小尺寸好效果,同时背景透明呢?本文的处理技巧可能会对你解决相关问题提供一些思路。

阅读全文…

了不起的IE7浏览器-CSS新特性-实现与思维变革

2015年07月30日,星期四

以前在我还需要兼容IE6浏览器的时候,我总觉得IE6和IE7浏览器是一个路子的一个货色,很多bug和行为表现是一致的。认为,要兼容IE7和兼容IE7基本上没多大差别。后来深入实践发现,之前的想法有些天真了。实际上,IE7浏览器下,我们也能实现很多好玩且有价值的东西……

阅读全文…

小小小tip: 按钮文字无缝变菊花

2014年11月30日,星期日

如题,文字变菊花。没错,就是文字变菊花,具体什么内容,若有兴趣,自行点击去围观。很短的文章,分分钟就可以看完。

阅读全文…

关于gif图片(或png8)杂边锯齿的问题

2009年09月29日,星期二

关于gif图片的锯齿问题可谓是久治不愈的痔疮——老问题了。网上零零散散有些相关的探讨,但是却没有一个关于gif图片锯齿很完整的论述性的文章,这里我就稍微辛苦些,结合自己以往与gif图片打交道的经验以及网上搜集的一些资料,写一篇不太正式的论述性的文章,主要分析gif图片(或png8)产生杂边锯齿的原因,以及提供一些避免这些杂边锯齿的方法。我虽说才能有限,但尽量保证每句论述都有据可循,另外文章内容尽量配合图片进行叙述,提供相应的demo实例页面,希望对您有所帮助。

阅读全文…

IE6下png背景不透明问题的综合拓展

2009年08月22日,星期六

IE6不支持png背景透明或半透明。其解决方法有IE滤镜,纯粹的JavaScript,以及jQuery等,正所谓事非经过不知难,让png图片在IE6下背景透明显示只是第一步,如果对这些png图片做进一步的操作,往往会出现各类莫名的问题,例如无法响应单击事件,图片大小控制失效,无法实现background-position的定位等。本篇文章讲详尽阐述png背景透明会出现这些问题的原因,以及对每一个问题提供相应的解决方法,每个对应的方法提供相应的demo实例页面。在问题的探讨过程中会尽可能的分享我的一些经验。文章内容较多,涉及css, javascript, jQuery, flash, ActionScript, flash通信, photoshop图片处理等,有一定的深度和广度,希望对大家有帮助。

阅读全文…