当前位置：首页 → 问答吧 → body里的背景图片如何做到自动拉伸?

body里的背景图片如何做到自动拉伸?

时间：2009-04-22

来源：互联网

各位大哥能否给出详细代码啊多谢啦!!!很着急

作者: snyyh5 发布时间: 2009-04-22

本身就自动拉伸的

作者: changke18 发布时间: 2009-04-22

如果在HTML代码里，小图片不能拉伸只能平铺。
换到CSS里吧
body{
background:url("图片地址") repeat:repeat;}
就可以了。

作者: kingwolf_JavaScript 发布时间: 2009-04-22

<body BACKGROUND= '0921.jpg' style="background-repeat: no-repeat;background-attachment: scroll;margin: auto;">

</body>
scroll 默认。背景图像会随着页面其余部分的滚动而移动。
fixed 当页面的其余部分滚动时，背景图像不会移动

作者: hebeicctv 发布时间: 2009-04-22

LS说的都不行啊

作者: snyyh5 发布时间: 2009-04-22

作者: hebeicctv 发布时间: 2009-04-22

.bg {background-repeat:"三种情况"}；三种情况为：no-repeat（不重复）、repeat-y（纵向重复）、repeat-x（横向重复），默认的时候是纵向和横向都重复。

.bg {background-positon:（x,y）background-positon的妙用，他是定位图片所在位置；他的位置可以用像素表示，还可以用英文（left、right、bottom、top、middle、center）这些就不用我解释了。xy坐标也不用我解释了吧

回答完毕！

作者: gaocen7710 发布时间: 2009-04-22

<html> <HEAD> <TITLE>科目明 </TITLE>

</HEAD>

<style>
.bg{FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='0921.jpg' ,sizingMethod='scale')}
</style>
<body class="bg" style="width:500;height:500px;">
</body>

作者: hebeicctv 发布时间: 2009-04-22

往下我就帮不了你了，还的靠自己去实践！！

作者: gaocen7710 发布时间: 2009-04-22

用滤镜做的

作者: hebeicctv 发布时间: 2009-04-22

这个问题我也曾经遇到过，曾经有段js代码可以实现，但是非常耗资源，打开时的速度特别慢。所以还是想想别的办法吧。

作者: elim051 发布时间: 2009-04-22

引用 6 楼 gaocen7710 的回复:
.bg {background-repeat:"三种情况"}；三种情况为：no-repeat（不重复）、repeat-y（纵向重复）、repeat-x（横向重复），默认的时候是纵向和横向都重复。

.bg {background-positon:（x,y）background-positon的妙用，他是定位图片所在位置；他的位置可以用像素表示，还可以用英文（left、right、bottom、top、middle、center）这些就不用我解释了。xy坐标也不用我解释了吧

回答完毕！

...

作者: xiaojing7 发布时间: 2009-04-22

你把背景图弄大点不是更快

作者: ziyuanxian 发布时间: 2009-04-22

引用 12 楼 ziyuanxian 的回复:
你把背景图弄大点不是更快

现在每个人的电脑显示器都是不太一样的你那也不是解决问题的方法啊

作者: andyiouv1 发布时间: 2009-11-28

要找好相对位置，看你所控制的标签相对于那个标签来控制，它的大小是不会因为电脑显示器的改变而改变的。

作者: Chaixiaotao 发布时间: 2009-11-30

css无法拉伸背景
传说中的滤镜可以, 但是 IE only

作者: xiangtanboy 发布时间: 2009-11-30

引用 3 楼 hebeicctv 的回复:
<body BACKGROUND= '0921.jpg' style="background-repeat: no-repeat;background-attachment: scroll;margin: auto;">

</body>
scroll 默认。背景图像会随着页面其余部分的滚动而移动。
fixed 当页面的其余部分滚动时，背景图像不会移动

这个才是真的………………其他的连意思都不清楚，我就晕了，特意注册个上来顶下。

作者: meng_huan 发布时间: 2011-05-10

引用 5 楼 hebeicctv 的回复:
<style>
.bg{FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='0921.jpg' ,sizingMethod='scale')}
</style>
<div class="bg" style="width:500;height:500px;">
</div>
这个可以刚……

说错了，是这个………………………………完全符合题意

作者: meng_huan 发布时间: 2011-05-10

body里的背景图片如何做到自动拉伸?

热门阅读

热门下载