March 2010
S M T W T F S
« Feb    
 123456
78910111213
14151617181920
21222324252627
28293031  

DIV Background Bug in IE

也不是第一次拿 IE 说事了,不过这次 IE 的 bug 还是有点意思的,也看到过有人提及这个 bug,解决的方法就是在CSS里设置它的 width 或者 height,要看具体的应用场景了,好像下面的这个例子。

<div class=”composite”>
<div class=”item”>AAA</div>
<div class=”item”>BBB</div>
<div class=”item”>CCC</div>
<div class=”item”>DDD</div>
</div>
<style type=”text/css”>
.composite {
background-color:#CCC;
padding: 0 0 0 40px;
}
.item {
background-color: #666;
[...]

Canvas的奇怪变形

我一般用脚本创建元素的同时多数会附加css来控制大小,背景色,etc.

但在<canvas>上却表现比较怪,

var canvas = new Element(’canvas’, {styles: {width: ‘150px’,height : ‘150px’}});

再在上面画东西的时候居然发现变形了

我记得mozilla上面说是可以改变它的大小的

分析一下,canvas最终表现和一个png图像差不多,而它的默认大小是300/150,当应用css时,相当于宽度压缩了。

那不用css怎么办呢?其实很简单

var canvas = new Element(’canvas’, {width: 150,height : 150});

诶,被css惯坏了……

注: Element指的是mootools里的那个