最近做了一个商城项目,要在5天内写出所有特效和打出全部的框架,5天时间还是有点赶的,急急忙忙的把项目赶出来了,基本能达到有求,还有一些bug在后期再完善,全当做练手了!需要注意的点在谷歌中没什么,但是兼容真的是一个头痛的事情,万恶的某E,是个程序员都有一种珍爱生命,远离某E的感觉!很多H5,C3的效果或则新的标签在某E种都是不能用的,很苦难啊!希望中国的网民们同情同情我们程序员!好了,扯了这么多,来总结一下这次项目的一些吸收的知识点!
一、来说一说兼容问题
(1)ul,li在ie7(ie6忽略)中的兼容问题,一些跟我一样的新手可能会发现ul,li有一些bug,比如向下有一个4px的margin,margin-auto怎样我都无法实现居中,所以如果要实现兼容,那么可以用一些方法来代替。比如下面的样式:
上面这样的样式可以设成用dl,dt,dd来实现,如下:
还有一种直接射div里面加个a标签(不需要链接的加span标签就好),这种一般用在底部的links 如下:
效果是一样的,虽然麻烦,一切为了兼容,如果有更好的办法,大家可以一起交流交流,互相学习!
2.在ie7中的z-index一般设的层级会失效(这里就不叙诉z-index的设置条件了),这也是ie7的一个bug,明明设置了z-index并且在谷歌,火狐,ie8以上都可以,唯独ie7不行,解决办法就是给有定位属性的父元素设置z-index。z-index水太深,就不深究了!
林林总总还有很多没总结,兼容这一块是一个大坑,还要往里跳,苦逼啊!
时间: 2024-10-17 14:45:34