ITPub博客

首页 > IT职业 > IT职场 > 拉伸背景图片的方法,CSS+html+jquery,不需要大图片

拉伸背景图片的方法,CSS+html+jquery,不需要大图片

IT职场 作者:websurf 时间:2021-09-09 09:55:00 0 删除 编辑

今天有个同事问我怎么拉伸背景图片,一直没有想过这个问题,既然被人家问倒了,就得学习研究一番了。因此我总结了三个拉伸背景图片的方法,结合了CSS+html+jquery三个技术,不需要很大的图片,不过拉伸后图片会有失真,如果你的网站背景图片要求不是很真很清晰,可以参考哦。


方法一:CSS方法,这个方法有个缺陷,就是要定死高度,而且不兼容IE。

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">无标题文档    拉伸背景图片


方法二:jquery+CSS,都兼容

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">无标题文档



方法三:html+css,这是个死办法,呵呵,但是兼容性很好。

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">无标题文档
图片描述


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1499/viewspace-2814340/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    95
  • 访问量
    1057