花了几个小时,终于找出原因
IE7、IE6下,a标签无href属性,css的伪类hover失效
IE8、FF等其他高版本浏览器正常
* { filter: gray; }
flash则需要设置成透明:
添加参数wmode,值为transparent
一般国际化的商业网站宽度为:952像素,这是避免工具栏在1024×768分辨率左右侧时,产生横向滚动条
工具栏在上下方并分辨率为1024×768时,网页标准宽度为1003像素
因为IE6默认下不缓存背景图片,所以当鼠标在有CSS背景的按钮或是图片上移动时,图片会闪烁甚至鼠标会出现忙的状态,而在FireFox下没有这个问题
最笨的方法:
<style type="text/css"> html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } </style>
正确方法:
<!--[if lte IE6]> <script type="text/javascript"> document.execCommand("BackgroundImageCache", false, true); </script> <![endif]-->
改变鼠标选中文字的背景色
支持Firefox、chrome、Safari、Opera
不支持IE系列
CSS:
::-moz-selection{ background:#6374AB; color:#fff; } ::selection { background:#6374AB; color:#fff; } code::-moz-selection { background: #333; } code::selection { background: #333; }
<!--[if lte IE6]><![endif]-->
其中的lte的英文全称是:Less than or equal to
即:小于或等于
不使用:
background-image: url(xxx.jpg);
改成:
background: url(xxx.jpg);
疑似input设置了
display: block
后出现该问题
p标签下不能添加任何块状标签
例如:
<p><div></div></p>
在IE及火狐下会当作:
<p></p><div></div><p></p>
CSS:
text-indent: -9999px;
注:IE6需要设置以下样式,否则会显示黑点:
font-size: 0;
只抄录比较实用的方法
一、通过滤镜实现透明图片
css:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=’scale’, src=’image.png’,);
优点:支持IE6透明
缺点:不支持背景定位
二、使用png8格式的png图片(推荐)
优点:支持IE6索引透明
缺点:不支持alpha透明(即透明程度)
