Dream Fly团队, 项目三:商业网站

百适居网站制作 遇到的困难与解决方法

2014年11月13日

百适居网站制作遇到困难及解决方法

 

制作主页时在代码上遇到的困难与解决方法:

1、制作导航时,导航交互文字出现跳动,文字与响应色块不对齐

解决方法:导航交互色块不用padding撑开,直接在a里用height和line-height撑开,而且使用定位在相应的位置

2、整体布局在ie6下不兼容

解决方法:主页上的盒子不用定位,直接用外边距和内边距解决

3、布局中的more在ie6下位置错乱

解决方法:more前面的图标直接使用背景插入的方法,然后用span标签使其与图标同行

4、在ie6下banner图与导航相隔了一些距离

解决方法:在banner样式里图片样式中加一句display:inline-block;ie6下的问题就解决了

其他各分页在代码上遇到的困难:

1、测导航的响应

解决方法:利用学过的导航响应运用到分页中

2、图片上显示文字不整齐

解决方法:运用绝对定位

3、IE6产生的双倍距离

解决方法:在有float:left的情况下将使用右外边距(margin-right)

4、分页栏目中遇到的栏目需要链接到新页面的问题,不能在本页面中链接,需要做一个新的页面,分页栏目的链接问题

解决方法:新做了一个页面,在超链接里做新的链接

5、导航色块的响应问题,在js的效果中很多导航的css与之冲突,需要删除一部分代码使之相互融合

解决方法:对应了导航响应代码与js里有冲突的代码,删除部分有冲突的代码,并不能影响js的效果

6、左侧栏目导航与文章列表之间使用太多定位导致版权的距离在IE6下出错

解决方法:适当的删减一些定位,将左侧栏目导航定位,并将文章列表离导航的距离写成负数

7、在IE6下除a:hover以外的hover全无效

解决方法:加载csshover.htc文档