2008 06月 20日 二零零八年
如果你曾经使用(或一)垂直菜单列表项(李)标记和CSS,你可能遇到的又一错误在IE浏览器,IE 6之间插入列表项包含块级元素,这些差距,也就是说,如果有任何标记列表项之间的空白。 谢谢,但没有感谢,免费版本的IE 7似乎从这个错误。
如果像我,更多的人,你属于这一带失意的开发商,还必须得到他们的新布局,工作压力太大在IE6,那么这可能证明是有用的。 看看...
样品的标记 :
<ul id="menu">
<li> <a href="#">首页</ A> </ LI>
<li> <a href="#">关于</ A> </ LI>
<li> <a href="#">服务</ A> </ LI>
<li> <a href="#">组合</ A> </ LI>
<li> <a href="#">帮助</ A> </ LI>
<li> <a href="#">联系我们</ A> </ LI>
</ UL>
您可以创建一些CSS,类似一以下,transfrom到一个垂直的菜单,上面的标记......
示例CSS ...
#菜单{
保证金:0:0;背景:#FF9900;
列表样式类型:无;宽度:150像素;
}
#菜单李{保证金:0;填充:0;}
#菜单的{显示:块;
颜色:#555555;
文字装饰:无;
填充:0均为15px;
线高度:2.5;边境底:1px固体#足协;
}
你会看到的结果...
解这个错误......(修改/添加CSS粗体斜体)
#菜单{
保证金:0:0;背景:#FF9900;列表样式类型:无;宽度:150像素;
浮动:左; / *这包含浮动的列表项* /
}
#菜单李{
保证金:0;填充:0;
浮动:左; / *修复* /
宽度:100%; / *在IE6的空白错误* /
}
#菜单{
显示:块;颜色:#555555;
文字装饰:无;
填充:0均为15px;
线高度:2.5;边境底:1px固体#足协;
}
如果上述解决方案亘古不变的似乎工作(IE6的唯一原因)...尝试这种方法,而不是
只需添加额外的IE6的唯一样式标记...
<! - [如果它的IE 7>
<style type="text/css">
#菜单里的{显示:内联块;}
#菜单里的{显示:块;}
</ STYLE>
<[ENDIF] - >
没有评论 |标签: IE浏览器错误 , IE修复 , IE浏览器黑客 , IE浏览器的问题 , IE6 , 教程 |在发布的浏览器怪癖 , CSS
2008 6 月 6 二零零八年
在页面上的DOM元素,慢呈现,慢的是在JavaScript的DOM访问。 一个DOM元素的高,可能是由于不良的布局设计。 例如,嵌套表可能已被用于布局的目的。 使用任何HTML标签的地方是情理之中的语义。 例如DONOT使用布局表,但DONOT毫不犹豫地使用他们,你必须显示表格数据,因此将使用减少DOM元素,相比之下,使用DIV的只是创建一个类似的结构......
来测试你的HTML页面中的DOM元素的数量,只是在Firebug的控制台键入以下内容: document.getElementsByTagName('*').length
有没有多少DOM元素太多的设置标准。 检查其他有良好markup.Eg的类似网页。 雅虎主页是一个非常繁忙的页面,并仍在700个元素(HTML标签)。
没有评论 |标签: 最佳实践 , DOM |发布最佳实践 , 用户界面Desgin
2008 6月 2 二零零八年
Ajax请求使用GET
人们已经发现,使用XMLHttpRequest时,发表在浏览器中实现的一个两步的过程:发送的头,然后再发送数据。 所以最好使用GET,只需要一个TCP包发送(除非你有大量的饼干)。 在IE的最大URL长度是2K,因此,如果您发送超过2K的数据,你可能无法使用GET。
一个有趣的侧面影响,实际上不张贴任何数据的行为,如GET POST。 得到的是信息检索的含义,所以它才有意义(语义)当你只要求数据发送到服务器端存储的数据,而不是使用。
避免同步Ajax调用
“阿贾克斯”的要求时,你可以选择异步或同步模式。 异步模式运行在后台的要求,而其他浏览器的活动可以继续处理。 同步模式将等待请求返回,然后再继续。
应避免与同步模式提出的要求。 这些要求将导致浏览器,直至锁定为用户要求退货。 服务器忙的情况下,反应需要一段时间,用户的浏览器(也许操作系统)将不允许做别的。 在一个反应是没有正确接收的情况下,浏览器可能会继续阻塞,直到请求超时。
如果您认为您的情况需要同步模式,它是最有可能的时间来重新考虑你的设计。 实际上很少(如果有的话)的情况下需要同步模式的Ajax请求。
1条评论 |标签: AJAX , 最佳实践 |在发布的AJAX , 最佳实践 , 用户界面Desgin