加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

html背景图片如何自适应大小

(2013-05-07 13:17:16)
标签:

it

分类: java_web
html背景图片如何自适应大小
2011-11-17 21:08 海叶青 | 分类:Html/Css | 浏览6768次
我在制作网页时,有几个div用的是同一个背景图片,不过每个div的大小不一样。
求助各位大神有没有办法让背景图片自适应div的大小,没有切割,没有重复,只让图片大小能智能匹配div的大小,请不吝赐教。做几个不同大小的图片这个方法除外。
提问者采纳
2011-11-18 19:53
现在普遍是css2,css3刚刚放出支持渐变,在一定程度上可以实现部分简单样式的背景自适应,但css3同样在各浏览器不兼容,没见利好,等css10之类的出来了可能会实现。

css10出来了要实现这个功能估计都难,一个背景图原来大小是77x33像素,要是自适应到一个88x44的地方,光说这个图片无级缩放的算法就是个大问题,你如何保证图片边缘上那种1px的清晰边框线条在图片缩放后不模糊...

老老实实切多张图把,要不就把九宫格、滑动门之类的css自适应技术玩好,可以少切点,但也是需要起码2张图,要做九宫格上下左右宽高都自适应要6张图,这个方法也麻烦,要多写很多多余的html代码和css代码,维护起来也麻烦,老老实实把每一个尺寸的背景都单独切出来是目前最不给自己找麻烦的办法。

0

阅读 收藏 喜欢 打印举报/Report
后一篇:html九宫格
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有