程序员人生 网站导航

如何用CSS设计一个大背景的站点

栏目:htmlcss时间:2014-01-21 10:58:41

  自从我发布了大背景网页设计合集之后,我收到了很多电子邮件询问如何用css实现大背景的网页设计。因此我决定和大家分享大背景网站的设计技巧。在此教程中,我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。

  普遍的错误:被裁切的背景(查看演示)

  看一下示例文件,在1280px的分辨率下看起来是好的,但是如果转换到更高的分辨率下,你将看到类似于裁切边缘的效果。

background-cuts-off 

  示例#1:单图片(查看演示)

  一种简易的方法修补刚才的问题:让图片边缘的颜色和BODY标签的背景颜色一样。我使用Web Designer Wall的背景作为例子。查看背景图片,注意图片的边缘是不是固定的同一种颜色?

wdw-bg-image 

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐