某某商城项目一点总结

Posted 2020-08-15

最近做了一个商城项目，要在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水太深，就不深究了！

林林总总还有很多没总结，兼容这一块是一个大坑，还要往里跳，苦逼啊！