这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。
性能差异:
【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。
【border:none;】把border设为“none”即没有,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值。
兼容性差异: 阅读全文…
Flash INTERACTION WITH JAVASCRIPT
今天开发富媒体广告遇到的问题 用JS控制flash 只在IE平台下有效 费尽周折才找到兼容的解决方案
方法如下:
翻译自:http://www.permadi.com/tutorial/flashjscommand/index.html
查看Demo http://www.iamued.com/demo/flashjs/
重点在于 object的id属性 和 EMBED 的name属性 swliveconnect=”true” 属性
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="150" HEIGHT="75" id="simplemovie" ALIGN="">
<PARAM NAME=movie VALUE="simplemovie.swf">
<PARAM NAME=quality VALUE=medium>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="simplemovie.swf"
quality=medium
swliveconnect="true"
bgcolor=#FFFFFF WIDTH="150" HEIGHT="75"
name="simplemovie"
ALIGN=""
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
通过js获取flash对象的方法兼容表如下
阅读全文…
这次的主题是“网站重构中的文件组织”。在这里整理一下昨天我的观点:
1. CSS文件的规划和组织。首先必须强调不能孤立的看前端开发,要横向的跟网站的视觉设计,交互设计,产品策略,后端架构匹配上。那么,CSS跟网站的视觉设计关系是最紧密的,而一家网站的视觉风格跟用户体验和品牌又是关系最紧密的。所以,CSS的规划和组织终极追求的就是如何有效的控制整站的视觉风格。
阅读全文…
今天遇到的问题:IE6/7返回offsetTop没有计算body的margin
function GetRealOffset(o)
{
var elem = o;
var leftOffset = elem.offsetLeft;
var topOffset = elem.offsetTop;
var parent = elem.offsetParent;
while(parent)
{
leftOffset += parent.offsetLeft;
topOffset += parent.offsetTop;
parent = parent.offsetParent;
}
var Offsets = new Object();
Offsets.top = topOffset;
Offsets.left = leftOffset;
return Offsets;
}
转自:http://codingforums.com/showthread.php?t=119794