ie6下png8透明解决方案

作者：JerryXia | 发表于 , 阅读 (0)
2、格式
分为8位、24位和32位。多少位，表明它最多能支持的颜色数量，比如png8，最多支持2的8次方种颜色。下面这张图说明几种png格式的透明支持：

再来看看使用一些软件导出图片格式的对比图。看完你就明白，说png24支持半透明是错误的，这是photoshop选择了png24+支持半透明选项后误导你，这样生成的图片其实是png32格式的。

ie6下png半透明如何实现在ie7-ie11上，可以放心大胆地使用png32(png24 + 半透明)来支持png图片的半透明。可是想在万恶的ie6下实现半透明的png却没那么容易。
ie6与生俱来就支持png8的索引色透明度，但不支持png或8位以上的alpha透明度，导致很多半透明效果的图片在ie6下会显示有点奇怪，如下：

可以看到在ie6下存在不完全透明的效果。这里提供一种解决方法，使用DD_belatedPNG，使用微软的VML语言对PNG图片进行重新绘制，以达到半透明的效果，所以对所有的样式支持的很好，你可以把png图片用于标签或者背景图background-image和background-position，还...阅读全文
[ 技术文章推荐 ]

用html5开发flappy bird游戏

作者：JerryXia | 发表于 , 阅读 (0)
index.html的代码如下：
<!DOCTYPE html><html><head><meta charset="utf-8" /><title> Flappy Bird Clone </title><script type="text/javascript" src="phaser.min.js"></script><script type="text/javascript" src="main.js"></script></head><body><p> Press the spacebar to jump </p><div id="gameDiv"> </div></body></html>其中gameDiv元素是我们游戏所在的区域，在main.js中添加以下代码：
// 初始化 Phaser, 创建一个大小为 400x490px 的游戏var game = new Phaser.Game(400, 490, Phaser.AUTO, 'gameDiv');// Create our 'main' state that will contain the gamevar ma...阅读全文
[ 技术文章推荐 ]

初识Koa

作者：JerryXia | 发表于 , 阅读 (0)
初识Koa第一部分 GeneratorKoa是一个小巧简单的web框架，由Express开发团队开发的新的web框架。
为什么是KoaKoa的新特性让你开发web应用时变得简单而迅速。它采用了ES6的新特性generators，从而使控制流的管理变得十分简单。Koa本身非常小巧，相比一些当今流行的web框架(比如Express)，Koa采用了极致模块化的思想，每个模块做好一件事情。下面是一个使用Koa的例子：
var koa = require('koa');var app = koa();app.use(function *() {this.body = 'Hello World';});...阅读全文
[ 技术文章推荐 ]