FireFox是不错的,但是不知道为什么FireFox2和FireFox在显示上竟然有些页面会出问题,可能是FireFox的兼容性越来越好了吧。
记录一个兼容FireFox2+FireFox3的hack
FireFox2、FireFox3 的Hack:
.pr { color:#000; } /* FireFox2 */
.pr,x:-moz-any-link,x:default { col
我说一下fixed和absolute的区别,fixed表示始终处于浏览器的同一个位置,即使你拉动滚动条,依然会显示在屏幕的相对位置,而absolute则不一样,absolute针对网页的位置进行描述,所以拉动滚动条后有可能会将显示在中部的div拉动到顶端去,因此,下面的一段css将会把div放在浏览器的中央:
/*后面的描述和位置无关,所以后面的例子请大家关注本行之前的描述*/
CSS:
height: 30px;
line-height: 28px;
页面的最小宽度
min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样 就能保证排版一直正确。但IE不认得这个,而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用,可以把一个<div> 放到 <body> 标签下,然后为div指定一个类:
<body>
<div class="container“>
然后CSS这样设计:
#container
{
min-width: 600px;
width:expression(document.body.clientWidth < 600? "600px": "auto" );
}
第一个min-width是正常的;但第2行的width使用了Javascript,这只有IE才认得,这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。
同样的办法也可以为IE实现最大宽度: