关于css浏览器兼容问题
关于CSS对各个浏览器兼容已经是老生常谈的问题了，.以下内容没有太多新颖, 纯属个人综合网上的文章所得, 有些重复的，懒的删了
一、CSS HACK
HACK概念：
不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,
HACK规则：
IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
IE6 IE7 FF
* √ √ ×
!important × √ √
浏览器优先级别:FF<IE7<IE6,CSS hack书写顺序一般为FF IE7 IE6
例：
以: " #demo {width:100px;} "为例;
#demo {width:100px;}
* html #demo {width:120px;}
*+html #demo {width:130px;}
---------------
所以最后,#demo的宽度在三个浏览器的解释为:
FIREFOX:100px;
ie6:120px;
ie7:130px;以
下两种方法几乎能解决现今所有HACK.
1, !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)
<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>
2, IE6/IE77对FireFox
*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.
<style>
#wrapper
{
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */
}
</style>
注意:*+html 对IE7的HACK 必须保证HTML顶部有如下声明：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/
相关文档：
如果你不总是用 Windows
上的 Internet
Explorer
来上网的话，你可能会注意到，许多网站上的视频点播之类的多媒体内容，你无法直接在 Internet Explorer
以外的其它浏览器中观看，比如明明已经安装
了插件却提示缺少插件，或者什么都不提示出现空的框框，或者显
示了播放器插件却始终连不上打不开之类的问题� ......
CSS网页布局时常犯的几种小错误：
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否书写正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS ......
在这种浏览器下显示正常，在另一种下就乱了，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个浏览器却出了新问题。
-
什么是浏览器兼容：当我们使用不同的浏览器（Firefox IE7
IE6）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，在这种浏览器下显示正常 ......
◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807 进入网络咨询平台 ◆
用CSS改变表格边框样式，很实用的一种方法。
制作方法：
将下面的代码复制到<body>~</body>里，此为隐藏下边框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; bo ......
/**
* 給結點添加濾鏡
* 1.filterStyle形式：滤镜名称及其后的部分
* 2.Alpha 滤镜：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx, starty=starty,finishx=finishx,finishy=finishy)}--透明
* 3.Blur 滤镜：Blur(add=add,direction=direct ......
