IE6中CSS无效问题
IE6中CSS无效问题
同事反馈我一个页面在IE7和Firefox下都正常,但是在IE6中无样式.但是页面我做给他们的时候一切都是正常的.把他传给我的包打开研究了半天发现,页面编码从GB2312变成了UTF-8,其他都没有什么改变.于是还原为GB2312,页面正常.再将外部CSS复制到页面内部,同样正常.研究许久找不到问题所在,忽然发现CSS里面有段注释 /*弹出层*/,在中文前后加入空格修改成为/* 弹出层 */后就恢复正常了,但在没有空格的情况下使用英文也是可以的.
所以在UTF-8编码下的页面所使用的外联CSS中的中文注释一定要与注释符号之间加入空格,否则写在注释以后的CSS在IE6下无效.
摘自http://faykwong.blog.163.com/blog/static/802368200842615621532/
相关文档：
网页中我们经遇到刷新要保留表单里内容的时候，习惯的做法使用cookie，但是那样做实在是很麻烦，css中的behavior就为我们很好的解决了这个问题。
比如：
<input style="behavior:url(#default#savehistory)" name="youname" type="text" id="yourname" size="10" autocomplete="off">
......
<body style="background-color:#000" mce_style="background-color:#000">
<div style="background-color:#fff; width:500px; height:200px; filter:alpha(opacity='50'); opacity:0.5">这个背景是透明的</div>
</body>
/*IE*/
filter:alpha(opacity='50');
/*FF*/ ......
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
padding: 0;
margin: 0;
}
fieldset, img {
border: 0;
}
table {
border-co ......
转发下，同事总结的。
浏览器大战的结果曾经一度是IE一统天下，在那个时代，我们根本不用担心浏览器兼容性问题，用PS自动生成代码都行。然而伴随时代发展，人们对WEB应用的期望越来越高，于是乎，江湖烽烟再起，各种浏览器如雨后春笋，这可苦了我们这些开发者，为了让各浏览器表现一致，不知道有多少前辈耗费了多少心血，� ......
一、星号*
应该是个通配符。比如
<style type="text/css">
.roundBorder *
{
background: white;
display: block;
height: 1px;
overflow: hidden;
}
</style>
……
<b class="roundBorder">
<b class="round ......
