点评 ：很早就在这里看到过解决方案，与嗷嗷讨论后发现这个方案还是很可靠的。当然，唯一的缺点就是每一个属性都要去Hack，但我在很多实践中，只用‘修正’1-2个属性就可以了。 具体写法很容易： 复制代码 代码如下: #someNode { position: fixed; #position: fixed; _...
点评 ：今天herb同学在twitter上问到，如何利用CSS使搜索条固定显示于窗口的某个位置。好像之前也碰过这个问题，不过，当时并没有解决，用JS有现成的方法，不过，这次要求的就是不用JS。 然后，开始写代码，测试，最终，IE6下依然有问题。position:fixed;没有正常显示...
点评 ：虽然说IE8已经来了，并且表现不错。8个小时突破1200W下载，远远地超过24小时下载800W的firefox。 但对于整个互联网，IE6仍然是用户最多的浏览器。暂不说IE6怎样，把Web的表现做得更好，既是一种责任，也是一种能力的表现。如果你依然对IE6所出现的种种问题无可...
点评 ：今天被在修改CSS的时候，突然碰到要单独Hack IE8的。当然，用注释非常方便，只要添加相应的注释就可以解决。 但问题是，为了一句CSS写多一个文件，或者在header上添加注释，那显然不是懒人的习惯做法。结论如下： 复制代码 代码如下: selector{ property:value;...
点评 ：我们知道，IE6可能过不了多久就会消失了，但是我们还能继续支持这个浏览器并且避免hack和有约束的CSS吗？这里是10个使用有效的HTML和CSS代码来修正IE6主要问题的方法。 1. 使用DOCTYPE 你应该在一直每个HTML文件的头部都使用DOCTYPE，并且我们推荐使用strict 版...
点评 ：IE6/7 and IE8/9(Q)中td的上下padding失效的解决方法，需要的朋友可以参考下。 如下 复制代码 代码如下: !DOCTYPE HTML HTML HEAD meta charset="utf-8" titleIE6/7 and IE8(Q) 中td的上下padding失效/title style table { border:1px solid #555; } td { backg...
点评 ：新版邮箱项目中做页签功能时碰到的。table元素的 cellpadding 和 cellspacing 属性意义不提了。它们也有对应的css解决方案。 复制代码 代码如下: table { border-collapse:collapse; border-spacing:0; } th,td { padding: 0; } JS操作这两个属性有两种方式。...
点评 ：这个错误很容易发生，关键是清空margin:0，这个规则多数写在reset.css中，而又想让table使用align属性居中，但这仅在IE浏览器中达到预期效果。 重现很简单，如下 !DOCTYPE html html head style * {margin:0;} /style /head body style="padding:50px;" div sty...
这个总结来源于一次优化的请求，最初某个页面的加载十分缓慢，load事件迟迟无法触发，因此希望可以通过对静态文件分域名等方式对页面的外部资源进行优化，拿得load事件尽可能早地触发。 于是我查看了页面的源码，并对外部资源进行了整理，基于下面2个理念画出了一个推...
这两个属性首先是IE4提出且实现的，它可以实现在一个 DOM 元素的前面、后面、第一个子元素前面、最后一个子元素后面四个位置，插入指定的 HTML 片段。其它浏览器相继支持。唯有Firefox不支持，甚至新发布的FF4。insertAdjacentHTML已被HTML5采纳。 如下扩展HTMLElement...
在一个项目中为遮蔽FLASH,在IE里的一些 特定条件 下进行了reflow. 另外,为支持IE6和IE7,IE8怪癖模式下的fixed,使用了CSS表达expression 导致了悲剧的出现... 看效果: html head meta charset =utf-8 / title test / title style html { background : url(about:blank)...
创建iframe对象，添加load事件， 再将iframe添加到body中。Chrome/Opera中会造成load事件的handler执行两次。 !DOCTYPE HTMLhtml head meta charset=utf-8 titleiframe的onload在Chrome/Opera中执行两次/title/head bodyscriptvar ifr = document.createElement('ifram...
document.write/writeln在几年前的代码中见的比较多，多数情况下各浏览器表现一致。 !DOCTYPE htmlhtmlhead/headbodyscriptdocument.write('div id=wraper/div');var obj = document.getElementById('wraper');alert(obj);/script/body/html script标签写在body中，先w...
在IE6下（标准模式/怪异模式），如果一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:15px)。那么会自动的加一倍变成30px。如下 !DOCTYPE HTMLhtml head meta charset=utf-8 titleIE6双空白边Bug/title/head bodydiv style=border:1px solid red;width:...
网页设计中，我们经常需要设置一个元素向左或向右浮动。如 !DOCTYPE HTMLhtmlheadtitleIE6/7和IE8/9（怪异模式）浮动元素折行Bug/titlemeta charset=utf-8/headbodydiv style=width:300px;border:1px solid gray;padding:5px; input type=text / a href=javascript://;...
