html、css兼容问题

最新推荐文章于 2024-10-29 19:02:06 发布

原创最新推荐文章于 2024-10-29 19:02:06 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#兼容问题

网页设计专栏收录该内容

5 篇文章

订阅专栏

本文总结了在网页设计中常见的兼容性问题，包括双边距BUG、3像素问题、超链接hover失效、IE z-index问题等，并提供了具体的解决方案，如使用display属性、正确的CSS顺序、添加position属性、使用js代码等。

一个好的网页设计不在于技术本身而是做好兼容各种设备各种浏览器。接下来我就来总结一下这里面我遇到的兼容问题

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图片