作品介绍
中山市拉菲酷电器有限公司专业从事高级酒具多年。主要提供快速醒酒器和酒具配件,如:快速醒酒器、LED感应醒酒器、倒酒醒酒器等产品。
据说这个PSD是本人见过的比较酷的酒类网站设计。底色为褐色,边幅广告位红色,文字颜色为橙色。本人负责PSD转换为HTML。
实现难点
左边的红酒是一个固定在那里的,同时那里的图标还是一个logo位置,就是有个可点击连接的。那么我则给这个层一个固定,同时底部浮上去时需要在这个层的上面,那么我则给底部的层也加了一个position:relative,设置了z-index比它大,则它是盖住左边了。
难点2则是右边的图片滚动跟下面的层的标题(标题需要可点击,所以这层需要在幻灯片的顶部,而幻灯品却是盖住了标题啊)不能单纯的用背景是重合在一起的,当图片滚动时要跟标题的背景要一致。
最后通过将滚动固定,背景透明,这样子就不会遮住下面的标题,而标题的背景则是通过最父类盒子来定位,从而背景是在图片滚动的下面。标题可点击,图片同样可点击。
欢迎与我有不同意见的朋友交流网页设计知识。
网站预览
网站地址
http://www.zs-lfk.com/index.php
© 版权所有,wordpress定制主题案例未经许可,请不要转载。
原创:wordpress主题定制 链接: 中山拉菲酷电器有限公司官网