问题描述:有一张图片1300 x 200px的图片用做网页背景,怎么样让图片铺满网页?而不是这样呢?
补充:比方网页像素是1366px 要让1300图片的长度变成1366px,而不是自动填,那样图片就不美了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这个要平铺还是填满?
除非图片原本分辨率很高,要不放大了也是白干
可以把图片弄成矢量图
如果你不考虑ie8-,可以使用html5的background-size属性,设置为background-size:100% 100%;
这样图片会自动拉伸填充整个容器
要考虑ie8,需要使用supersized.core.3.2.1.js这个jquery插件,http://www.buildinternet.com/project/supersized/
设置min-width min-height width height都为100%
<div><img src="图片地址" alt="" width="100%" /></div>