摘要:
offsetTop 指元素距离上方或上层控件的位置,整型,单位像素。offsetLeft 指元素距离左方或上层控件的位置,整型,单位像素。offsetWidth 指元素控件自身的宽度,整型,单位像素。offsetHeight 指元素控件自身的高度,整型,单位像素。网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document 阅读全文
摘要:
网站的顶部导航栏需要固定到顶部,并且不随滚动条的滚动而移动,就是传说中的position:fixed啦,但ie6不兼容,因此有了此篇。Google搜一下,应该有许多关于fixed的解决了方案了,自己也看了很多,很多都是相互的复制粘贴了一下。但其中还是有几篇不错的。在这里,根据个人的理解及实践来总结一下。1、CSS表达式及JS解决fixed问题,最多的文章都是说通过expression表达式,尽管expresssion表达式有很大的性能问题(详细的可以看看这篇),但这也是一种解决方案。在讲解表达式之前,必须知道js中documentElement(html标签)几个相关的属性,如下图该图是我用o 阅读全文
摘要:
默认情况下,html、body(除ie6)是没有高度,但body有margin在上图中ie8,ie9,chrome,ff一样当仅仅给body设置height=100%时(html未设置height)没有什么改变,除了ie6,因为ie6中html默认100%当给html,body都设置height=100%后,二者的高度都是窗口的高度,并且每次随着窗口大小的改变也会相应的改变,但是当内容的高度大于二者的高度后, 他们不能自由的伸展,以包容内部子元素,除非去掉html或body的height=100%(下图中紫色的框便是body)(实验中也发现: 1、所有浏览器都支持margin:0 auto居中 阅读全文
摘要:
最近网站的静态页面基本完成了,但是在开发过程中,把精力主要放在业务逻辑上,所以每天关注页面的兼容性,接下来就是将前端页面嵌入Thinkphp模版的中的时候了,为了降低使用服务端脚本,因此决定,最近一段时间完善整个网站的兼容性,这里在进行IE测试时,为了考虑效率、可行性及模拟环境与真实环境的差异性,先以IETester测试,最终再在真实的IE6环境中测试。(敬请期待)1、由html、body引发的思考 阅读全文