一个好的网页设计不在于技术本身而是做好兼容各种设备各种浏览器。接下来我就来总结一下这里面我遇到的兼容问题
1、IE双边距BUG float引起的 我们可以使用display解决
2、3像素问题 使用float引起的 使用 display:inline -3px
3、超链接hover 点击后失效 使用正确的书写顺序 link、visited、hover、active
4、IE z-index问题 给父级添加position:relative
5、Png 透明 使用js代码改
6、Min-height 最小高度 !important 解决
7、select 在IE6 下遮盖 使用iframe 嵌套
8、为什么没有办法定义1px左右的宽度容器(IE6默认行高造成的,使用over:hidden, zoom:0.08 line-height:1px)
9、IE5-8 不支持opacity ,解决办法
.opacity {
opacity: 0.4
filter: alpha(opacity=60); /* for IE5-7*/
-ms-flter: “DXImageTransform. Microsoft.Alpha(Opacity=60)”;/for IE8/
10、IE6不支持PNG透明背景,解决办法:IE6一下使用 gif图片