能够为 Firefox、Opera、Safari 专写一个 Hack 的情况非常之少,所以以下 Hack 方式在我看来特别新奇。So,做个记录,不做火星人=.=!
normal
.sampleCss{
height:10px;
}
1.Firefox 1-2
body:empty .sampleCss{
height:10px;
}
2.Firefox
@-moz-document url-prefix(){
.sampleCss{height:10px;}
}
…
firefox, hack, javascriptcss, opera, safari
浏览器处理错误源图片时会有不同表现:
不说废话了,比如
[code=html]

[/code]
假设图片不存在,火狐不会像IE一样显示叉叉,而是用alt中的文字完全代替图片的位置。如果我们对图片的尺寸有要求(假设50高50宽),这时候alt属性就会撑开这个宽度或者高度,破坏整体布局。
另:去掉DOCTYPE之后,火狐也能像IE一样,加上DOCTYPE反而不一致了,不知道是火狐刻意还是疏忽。
一个小技巧可以修复这种问题,简单的:
[code=html]

[/code]
alt, firefox, img, overflow
牛XXXXXX的Firefox 3正式版终于到来了,貌似可以和万恶的IE说再见了(不大可能=.=!),不管怎么说,我是非常支持FF系列的,那么你呢?一起来吧,加入下载的行列,让我们创造一个世界疯狂记录,多下几个吧,兄弟姐妹们,一天到晚挂在那里下载>_<(挺恶搞的)!
firefox, 浏览器, 火狐
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:
[code=css]
{
height:auto!important;
height:200px;
min-height:200px;
}
[/code]
firefox, IE, 清除浮动