是这样的，一个大的盒子里面有两盒子，并成为子left和字right吧，两都是50%的float:left; <style> .c {width:887px;height:100px;background:blue;} .l ,.r{width:50%;float:left;height:50px;background:red;} </style> <div class=”c”> <div class=”l”></div> <div class=”r”></div> </div> 预设的效果是类似下面这样的 嗯，你用上面的代码测试下， 没错，在ff，chrome等标准浏览器下面都显示为预想的效果，但是，在ie内核的浏览器下面则出现了偏差，子left和子right出现了错行，没有显示在同一行内，如下 这个，是ie内核对50%的解释问题吧，887px的50%是多少，443.5px，在ie看来，基本单位是1px，0.5px在ie里面被补上了0.5px，于是left和right加起来总共多出了1px，于是超过了父887px的width于是被ie强制换行，如果父节点的width为偶数，比如666px，那么它的50%就是333px，那么最后的渲染效果也会是你的预期，这个是个很小的细节，开发中但是还是要注意下了。
Archive > 六月 2010
ie6下面试用png使用滤镜需知
一个弹出框，圆角，带阴影，还半透明的阴影，那么，你肯定会想到用png了，是的，ie下，大家别无他法。 一般会这样来做 <div id=”box” style=”背景图片，if==ie6（加滤镜）”> <div id=”boxcenter” style=””>这里是弹出框的内容</div> </div> ok,一个漂亮的圆角阴影半透明的弹出框出来了，但是，在ie6下面，你会发现这个弹出框只可远观而不可亵玩， 你 里面的按钮啊什么的都无法捕捉到你的鼠标事件，杯具发生了。你在里面的按钮啊什么的都用不了。为什么？ 这个，真的很难说，归咎于ie6的私有滤镜了，但是，如果你的png图片，在boxcenter的位置 切空了，也就是 你的png是个只有边框的图片的话，那么加了滤镜后，的png透明处都是可以使用的。 切记一点，背景图片的png加了滤镜后，这个element内部只有在png的透明位置才能响应你的鼠标，其他地方 都被滤镜屏蔽掉了！！！！！ 万恶的ie6！！！！！！！！！！！
用canvas写了个简单的写字板
用canvas写了个超级简单的写字板 <html> <head> <title>Canvas tutorial</title> <style type=”text/css”> body {margin:0px;padding:0px;} canvas { border: 1px solid black; position:absolute;top:170px;left:300px;margin:0px;padding:0px;} </style> </head> <body> <canvas id=”tutorial” width=”300″ height=”300″></canvas> <script> function thumbnail(){ this.load = function(){ this.canvas = document.getElementById(‘tutorial’); if (this.canvas.getContext){ this.ctx = this.canvas.getContext(’2d’); } this.ispause=true;//是否暂停绘画，在鼠标按键松开的时候 this.c_p=getPosition(this.canvas); } } window.onload = function(){ window.thumb = new thumbnail(); thumb.load(); thumb.canvas.onmouseup=function(){ thumb.ispause=true; } thumb.canvas.onmousedown=function(event){ thumb.ispause=false; [...]
