百分百背景图切图和CSS编写注意事项

2015-03-05 08:31
破洛洛文章简介:百分百全屏背景注意要点-注意设计你网页美工图对应百分百背景图设计注意事项。

百分百全屏背景注意要点-注意设计你网页美工图对应百分百背景图设计注意事项。

通常我们为了网页漂亮,对网页背景图片也进行设计与其主体内容区融合漂亮。

这里有个设计美工图要注意地方:

1、网页美工设计图作为背景不能太大,不然切出背景图太大,从而使网页打开慢。

2、百分百宽度背景图,应当遵循背景图片一定居中,并且背景图片两边可以切出重复平铺。

百分百全屏网页背景设计注意截图

以上图例说明:网页背景设计图要想在不同分辨率IE下显示100%充满条件,要么图很大(图宽大,会造成图片文件大,造成网页打开慢),要么背景图片合适,并且背景设计图左右相同并且可以横向重复平铺使用。

3、使用一个图作为网页重复平铺时候,一定注意重复平铺时候可以自然衔接平铺。

^