Html/Css
摘要: 刚完成的项目,在IETest下用ie6、7快速的切换查看,发现好多地方在动,虽然没有错位,但是依然看着很不爽,开工找原因。翻看了四大门户(新浪、搜狐、网易、腾讯)、淘宝、人人网的源文件,似乎新浪做的最到位,在ie6、7下基本页面一模一样,最差的是淘宝和人人网。页面位置偏移的厉害。本来我以为是line-height引起的。用firebug查看局部源文件。发现这不是主要原因,而是页面编码,四大门户都用...阅读全文
摘要: IE下块元素如何实现 display:inline-block 的效果?有两种方法:1、先使用 display:inline-block 属性触发块元素,然后再定义 display:inline,让块元素呈递为内联对象(两个display 要先后放在两个 CSS 声明中才有效果,这是 IE 的一个经典 bug ,如果先定义了 display:inline-block,然后再将 display 设回...阅读全文
摘要: 有时候会需要用到把空的A标签定义display:block,然后用绝对定位position:absolute把它蒙在某个图像上面,来制作一个按钮,这个做法原理上没问题,但是在IE6下会产生一个BUG,绝对定位以后,A标签的display:block;不起作用了,我的解决办法是在A外面套一个DIV,给DIV定义width、height、position:absolute。如果谁还有更好的解决办法,请...阅读全文
摘要: ff下的firebug很好用,ie下调试如果也想用,其实也不难,在需要调试的页面里加上这个js文件就OK了。<script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>阅读全文
摘要: [参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ][操作系统:Windows]我们在做导航(nav)时,通常会用到float:left;但是这样做的话,让导航文本水平居中确实个麻烦事;分析如下: [float:left]有个伟大之处,它使div(或者其他标签)的宽度自适应其内容,但它却有个弊端:无法居中。[display:inline...阅读全文
摘要: 在整个网站都要求图片垂直居中的情况下,我们一般都采用js来实现,但是在个别地方用到的话,还是CSS简便些,放一个暂时可以完美实现在已知容器高度的情况下,图片垂直居中的方法:[代码]阅读全文