网页中PNG整图做背景是怎么实现的

2024-12-28 23:59:08
推荐回答(3个)
回答1:

你说的应该是CSS Split,中文名CSS雪碧

简单的就是说,通过背景定位,将许多小的图片放在同一张大图上面,减少HTTP请求次数,加速网站。

要做到这一点需要两个技术:
1.CSS技术

background:#color url(#image_src) #left #top #repeat;

参数说明:
#color:图片没有显示之前的颜色,透明的话,不填写
#image_src:背景图片地址
#left:图片水平方向的偏移量
#top:图片垂直方向的偏移量
#repeat:当容器大于图片大小时,背景扩展方式

2.PS合成图片的定位

===============
示例:
PS制作大图片时,定位一个图片的位置为(10,20)
那么CSS应该这样写 background: url("../background.png") 10px 20px no-repeat;

回答2:

再页面设置设边距为0,在插入表格,那些图片做的是那表格的背景

回答3:

  1. 代码方法:



    说明:background-image语句就是设置背景图片的意思,01.png是你想要设置的图片名字,需放在同一根目录才有效。

  2. 软件方法:打开Dreamwave

    在编辑区域中,右击-->[页面属性]-->[背景图像]-->[浏览]-->找到你中意的图像即可