HTML 中要设置背景的块大小 比如div 300px * 400px
那么背景图的最佳尺寸也是 300px 400px
然后设置 background: url(imgs/your.jpg) no-repeat center center
背景水平垂直居中,效果最佳
css样式background属性值详解
背景图无论是缩放还是扩展,都会失真变得模糊,所以尺寸最接近块的大小最好
原图aaa.jpg,先把图片另存为较低质量的bbb.jpg,然后用lowarc属性指定替代图片,例:<img src="aaa.jpg" lowsrc="bbb.jpg">
看你想要实现的环境了, 有一个方法是这样的,可以用CSS实现 , 在最新的浏览器里支持, 如chrome, safari, 就是 webkit内核的浏览器里 css 的 blur 可实现, 把图片模糊了。如果你是想在ipad上的应该, 完全就可以用这种方法了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)