IE浏览器下的CSS问题小结

body {
margin: 2% 0 !important;
margin: 20px 0;
}
9. 尽早测试并不断测试
不要等到你的网站或应用完成了才测试IE6;这样的话问题可能更糟糕，而且会花更多时间来修正。如果你的网站能够在Firefox和IE6中正常运行，那么一般在其它浏览器就不会有问题。
10. 重构你的代码
经常发生的事情是，修正bug要比重新考虑一个布局问题要花更长的时间。对HTML做些小改动和一些简单的CSS常常更有效。这可能意味着你要放弃完美的代码，但是会出现较少的长期问题而且将来你会很清楚如果处理这些可能出现的问题。

——————————————————————————————————-

让IE6支持PNG格式的图片

用法：

先复制下面的代码在记事本中，然后另存为pngbehavior.htc（名字可以任意）：

<public:component lightWeight=”true”>
<public:attach event=”onpropertychange” onevent=”propertyChanged()” />
<public:attach event=”onbeforeprint” onevent=”beforePrint()” for=”window”/>
<public:attach event=”onafterprint” onevent=”afterPrint()” for=”window”/>
<script>
var supported = /MSIE ((5.5)|[6789])/.test(navigator.userAgent) &&
navigator.platform == “Win32”;
var realSrc;
var blankSrc = “blank.gif”;
var isPrinting = false;
if (supported) fixImage();
function propertyChanged() {
if (!supported || isPrinting) return;
var pName = event.propertyName;
if (pName != “src”) return;
// if not set to blank
if (!new RegExp(blankSrc).test(src))
fixImage();
};
function fixImage() {
// get src
var src = element.src;
// check for real change
if (src == realSrc && /.png$/i.test(src)) {
element.src = blankSrc;
return;
}
if ( ! new RegExp(blankSrc).test(src)) {
// backup old src
realSrc = src;
}
// test for png
if (/.png$/i.test(realSrc)) {
// set blank image
element.src = blankSrc;
// set filter
element.runtimeStyle.filter = “progid:DXImageTransform.Microsoft.” +
“AlphaImageLoader(src='” + src + “‘,sizingMethod=’scale’)”;
}
else {
// remove filter
element.runtimeStyle.filter = “”;
}
}
function beforePrint() {
isPrinting = true;
element.src = realSrc;
element.runtimeStyle.filter = “”;
realSrc = null;
}
function afterPrint() {
isPrinting = false;
fixImage();
}