说说CSS Hack 和向后兼容
人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方便维护。而解决兼容的方法就是（必须是，因为这才最容易有问题的）其中一个最重要的、要解决的规范之一。
在解决兼容方法上，想定出一个统一的规范，个人认为应该以下面3点为基本原则：
权衡成本：在浏览器被淘汰后，如何快速清理掉无用代码
可维护：在资源成本和完美间平衡的向后兼容
可读：省力、易记
这里把成本放在了第一位，并不是说我们不愿意追求完美，而只是，太刻意追求完美有时候可能会阻碍我们前进；在成本后，应该是可维护和可读，这点对于团队的合作来说至关重要，而最终结果也是为了减少成本。
先把这三个原则存起来，来看看我们平时解决兼容的写法（后面会附详细的Hack方法列表）：
一、CSS 选择器 Hack
1
2
3
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body
.sofish
{
display
:
block
;
}
}
这种写法的优缺点是：
优点：全面，各种HACK都有；清理无用代码里易认
缺点：选择器名称不易记；代码量多（要重复写选择器）
二、CSS 属性 Hack
1
2
3
4
5
6
7
8
.sofish
{
padding
:
10px
;
padding
:
9px
\9
;
/* all ie */
padding
:
8px
\0
;
/* ie8-9 */
*
padding
:
5px
;
/* ie6-7 */
+
padding
:
7px
;
/* ie7 */
_padding:
6px
;
/* ie6 */
}
这种写法的优缺点是：
优点：易记；代码少
缺点：不全面
三、IE 注释
1
2
<!--[if IE]>IE only<![endif]-->
<!--[if !IE]>NOT IE<![endif]-->
这种写法的优缺点是：
优点：安全；向后兼容好；易维护
缺点：�
相关文档：
IE6下链接伪类（:hover）CSS背景图片有闪动BUG，主要原因ie会再一次请求这张图片，或者说图片没被缓存。
例如：
CSS代码
a:hover{background:url(imagepath)}
常用的解决方案：
在页面底部添加以下IE6专用代码，让IE6缓存CSS背景图片至本地，这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。
......
问题描述：CSS的编码不对的时候，CSS效果在IE8、IE7、Firefox下可以正常显示，但是在IE6下会使CSS失效，不起作用。
情况分析：今天做一个网站的时候碰到这个问题，搞了半宿没有找到问题所在，着实让我郁闷了好一会，后来上Google和百度了一下，找到了问题所在，CSS文件的编码不正确，网页采用的是utf-8编码的，而CSS是使用 ......
这里提供css滤镜代码，
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法：这段代码可以变网页为黑白，将代码加到网站页面CSS最顶端就可以实现素装。
如果网站没有使用CSS，可以在网页/模板的HTML代码<head>和</head> 之间插入：
<style>
html{filter:progid: ......
注意事项：
了实现导航中的子导航与主导航在实现鼠标交互的同时，保持其相对位置一致，我们使用了对ul li{}使用了position:relative;使其定位方式转为相对定位。而对li ul{}即子导航采用了position:absolute;相对于导航的绝对定位方式，了其鼠� ......
css是什么？这是初学网页设计的同学们遇到的第一个问题，在学习网页制作之前，你一定要了解网页制作的大局，有了全局的了解，才知道怎么去学习。
网页设计分为：前台页面设计，后台程序设计。
前台页面设计分为：html,css,javasript,ps,flash（这几个都要了解哦，熟练掌握css）
后台程序设计分为：asp,php,asp.net（只要 ......
