求助!html在里面添加背景图片代码,显示模糊,怎么搞?

求助!html在里面添加背景图片代码,显示模糊,怎么搞?,第1张

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上的应该, 完全就可以用这种方法了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7231977.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存