中山拉菲酷电器有限公司官网

2013-8-12 709次浏览0个回复

作品介绍

中山市拉菲酷电器有限公司专业从事高级酒具多年。主要提供快速醒酒器和酒具配件,如:快速醒酒器、LED感应醒酒器、倒酒醒酒器等产品。

据说这个PSD是本人见过的比较酷的酒类网站设计。底色为褐色,边幅广告位红色,文字颜色为橙色。本人负责PSD转换为HTML。

实现难点

左边的红酒是一个固定在那里的,同时那里的图标还是一个logo位置,就是有个可点击连接的。那么我则给这个层一个固定,同时底部浮上去时需要在这个层的上面,那么我则给底部的层也加了一个position:relative,设置了z-index比它大,则它是盖住左边了。

难点2则是右边的图片滚动跟下面的层的标题(标题需要可点击,所以这层需要在幻灯片的顶部,而幻灯品却是盖住了标题啊)不能单纯的用背景是重合在一起的,当图片滚动时要跟标题的背景要一致。

最后通过将滚动固定,背景透明,这样子就不会遮住下面的标题,而标题的背景则是通过最父类盒子来定位,从而背景是在图片滚动的下面。标题可点击,图片同样可点击。

欢迎与我有不同意见的朋友交流网页设计知识。

网站预览

中山拉菲酷电器有限公司官网

网站地址

http://www.zs-lfk.com/index.php

© 版权所有,wordpress定制主题案例未经许可,请不要转载。

原创:wordpress主题定制 链接: 中山拉菲酷电器有限公司官网

0 个主题帖 其中:热心观众:0 个, 管理员:0 个

You must be logged in to post a comment.

156querys in 0.318 seconds.