存档
今天在测试页面兼容性的时候，打开IETester，发现更新了，现在最新的版本是v0.4.3，最大的特色是支持了ie9的预览，发张官网的截图： 问题和缺陷： Previous/Next这两个按钮有时候会有点小问题 有时候焦点缺失 不支持Java applets 用户模式IE6下flash不能运行，解决办法就是作为管理员运行该flash css fliter工作不正常，解决办法同4；
YUI列出了开发者的页面至少要兼容以下版本浏览器： 注释： 如果在页面中没有声明DTD的话，应该在IE7的怪癖模式下测试一下；
今天看到一篇Fixing IE overflow problem，特地翻译一下，是用js技术修补的，上面还提到可以用css来修补，暂时我还不知道，等待查找，先看这篇文章： 直到最近，我才知道IE6/7有overflow问题，但它却是存在； 下面是详细的问题，它已经被我修正了： 问题： 和firefox和safari相比，我刚意识到是IE在overflow方面有一个不同的展现方式； 当在一个元素上应用overflow属性时，特别是火狐等其他浏览器，都在元素的外面显示横向滚动条（horizontal overflow scroll bar）； 你将不会发现这个问题，直到你自己比较它们两者的不同： 你将会注意到这个问题：在IE浏览器里，里面的内容在水平方向溢出（overflow）了，IE里面的解释是：我们在纵向方向也不能完整的看到所有内容，所有它自己产生了一个纵向滚动条（a vertical scroll bar）； 这里有个极糟糕的例子:假如内容区里面只有一行溢出了（它只有一个极微小的纵向滚动条<vertical scrollbar>）,如下： 所以我们的目标是：把横向滚动条（horizontal scroll bar）移到我们溢出内容的外面（outside）; 解决方案： 仅仅发现这个问题是没有任何意义的，纵向滚动条（Vertical overflow）仍然在内容区里面，这个问题仍然存在；如果对于你的溢出（overflow）元素你有一个确定的固定高度的话，你可能会跳过下面的这3个步骤，所以我们的解决方案是在IE里应用下面的这三个步骤： 找到所有的水平方向溢出的元素（Find all elements whose contents is overflowing horizontally.）； 在我们的元素下面添加20px的内边距（padding-bottom）（Add 20 pixels of padding to the bottom of our element）； 剥离纵向滚动条（Strip the vertical scroll bar.）； 据我目前的测试而言，典型的滚动条的高度就是20px; javascript解决办法： 声明：我所看到的解决这个问题的办法大部分都是通过CSS的方式或者是让浏览器处理这个问题；因为我们仅仅用if/only if在那些元素上面,我们还没有发现高度完美的解决方法能在所有的元素上表现一致(例如：如果我们添加内边距（padding）围绕这个元素，那么当一些块级元素没有溢出时将会出现奇怪的空行<blank line>)； 看这个在线例子(用IE查看)： [...]
近期评论