制作网页如何使背景图片只出现一次(拉伸)？
&style type="text/css"&
background-image: url(bg.gif);
background-repeat: no-
制作页面时，有时需要在表格内插入背景图,我们可以使用CSS进行控制，代码：
style="background-image:url(./images/counter_bg.jpg);background-repeat:
no-background-position:"
其中，./images/counter_bg.jpg为显示图片路径。
如果现在需要实现背景图随表格拉伸而不重复的拉伸填充，如何实现？
制作方法：
建立表格，并在&table&中插入CSS的一种滤镜，代码：
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',
sizingMethod='scale')"
不过此方法仅支持Ie
用CSS把背景图片拉伸
body{background:url(图片)
背景{}中添加background: url(图片地址)repeat
详细讲解：
repeat 背景图像在纵向和横向上平铺
no-repeat 背景图像不平铺
repeat-x 背景图像在横向上平铺
repeat-y 背景图像在纵向平铺
注意:只能在原图的基础上进行重复！而不能像我们的桌面一样进行扩大填充。
默认代码为：body{background-color:#FFFFFF}
换成以下代码
body{background:url(背景图片地址) background-position:
background-attachment:repeat-x #FFFFFF}
这是全屏的背景代码~
在ASP.NET中把背景图片拉伸
background-image:url('a.jpg');
background-repeat:repeat
body{background:#FFF url(背景图片地址)
no-repeat 50% 0;}
&& no-repeat不重复
&& 50% 0(水平位置 垂直位置)
水平50%既居中,垂直0px
&& center 也可
DIV+CSS如何让图片文字混排的情况下垂直居中
div{padding:40px 0px 40px 0border:1px solid
如何用JS来使我们网页背景图片拉伸到网页本来的背景中
我们在制作网页的时候，常常会需要让我们的网页有个背景.那么9我们在制作博客系统会一些比较短小的页面的时候，我们往往会有一些时候会用到一张大的背景图片,但是每个人的浏览器的可显示区域并不固定,我们使用常用的CSS来弄,却只能够让背景平铺,那么我们就只能依靠CSS的filter和JS来达到我们的目的.在filter中我们要用到的滤镜是
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=lianglong.jpg,sizingMethod=scale);,
那么JS的主要作用呢是用来获得屏幕的高度,并且来设置和改变BODY的高度.那么为了方便大家呢,我把JS获得页面的信息的一些相关演示也放出来供大家塞选.
&meta http-equiv="Content-Type" content="text/
charset=gb2312"&
&title&梁龙的博客--用JS获取客户端网页可见区域宽,高.分辨率的高,宽等属性&/title&
LANGUAGE="JavaScript"&
"\r\n网页可见区域宽："+&
document.body.clientW
"\r\n网页可见区域高："+&
document.body.clientH
"\r\n网页可见区域高："+&
document.body.offsetWeight&
+"& (包括边线的宽)";
"\r\n网页可见区域高："+&
document.body.offsetHeight&
+"& (包括边线的宽)";
"\r\n网页正文全文宽："+&
document.body.scrollW
"\r\n网页正文全文高："+&
document.body.scrollH
"\r\n网页被卷去的高："+&
document.body.scrollT
"\r\n网页被卷去的左："+&
document.body.scrollL
"\r\n网页正文部分上："+& window.screenT
"\r\n网页正文部分左："+& window.screenL
"\r\n屏幕分辨率的高："+&
window.screen.
"\r\n屏幕分辨率的宽："+& window.screen.
"\r\n屏幕可用工作区高度："+&
window.screen.availH
"\r\n屏幕可用工作区宽度："+&
window.screen.availW
&meta http-equiv="Content-Type" content="text/
charset=gb2312" /&
&title&梁龙的博客--用JS来使我们网页背景图片拉伸到网页本来的高度&/title&
&style type="text/css"&
&body{ margin:0
padding:0filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=
梁龙.jpg,sizingMethod=scale); width:100%; height:100%;}
id="aaa"&这是内容&/div&
&script language="javascript"&
document.getElementsByTagName_r("body").height=document.body.clientH
一定提醒下大家哈,这里只呢感是以&html&开头.
在网页、页面中显示自动拉伸的背景图片：
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='image/index.jpg',sizingmethod='scale')"&
注意：会导致此区域超链接，按钮等失效。
1、在&body& 中加 &body
background="背景图片的地址" &
2、用CSS样式。
&style type="text/css"&
background-image: url(背景图片地址);
background-repeat:repeat-y;
background-position:
background-attachment:
其中background-repeat表示图片平铺方式，它的属性值有：
no-repeat：不平铺
repeat-y：在y轴方向平铺
repeat-x：在x轴方向平铺
repeat：满屏铺
background-position 图片平铺位置，它的属性值有：
bottom (底部)
center (中间)
left (左边)
right (右边)
top (顶部)
它们可以组合用.(例如：要让图片只在右下角显示就可以写成：background-repeat:background-position:bottom
background-attachment表示背景是否滚动。它有fixed:表示背景固定，不随这网页的滚动而滚动；还有一个scroll：表示背景滚动，随着网页滚动一起滚动。
这些代码虽然简单，但组合起来效果还不错，你可以试着用用。
在网页、页面中显示自动拉伸的背景图片，Html 在页面中显示自动拉伸的背景图片，Html 在页面中显示自动拉伸的背景图片，Html
页面中显示自动拉伸的背景图片，Html 页面中显示自动拉伸的背景图片，Html 页面显示自动拉伸的背景图片，Html
页面显示自动拉伸的背景图片，Html 显示自动拉伸的背景图片，Html 显示自动拉伸的背景图片，Html
显示自动拉伸背景图片，Html 显示自动拉伸背景图片，Html 自动拉伸背景图片，Html 自动拉伸背景图片，Html
自动拉伸背景，Html 自动拉伸图片，Html 自动拉伸。
将背景代码写在已有的代码（比如鼠标，背景音乐）里，不然没有效果.如果单独放置，必须在代码前面加一个任意字符。
滚动的大背景代码：
&style&body
{background:url("页面大背景图片地址") repeat
scroll!}&/style&
repeat 重复，当图片的大小不够的时候会以平铺显示
scroll 卷轴，大背景会随着右边滚动条拉动的时候而滚动
固定的大背景代码
&style&body
{background:url("页面大背景图片地址") repeat
fixed!}&style&
fixed 固定，大背景不会因为你拉动滚动条而滚动
使用说明：
找到你喜欢的图片（规格），然后把图片地址覆盖在代码中的("页面大背景图片地址")上面，找一个已经有内容的模块添加这段代码，就能改变你的BLOG背景了，具体用以上那一种代码，看你个人喜好了！
我写了一篇《提高博客访问量的秘技》你可以去看一看
希望以上的回答能对你有所帮助!为你的博客祝福!博得开心快乐！
你也可以到我那里看看关于博客的建设。
更换整体页面背景的源代码：
&STYLE type=text/css&
{background:url(/orignal/d7af2edbf8b)
更换页面题图logo图片的源代码：
&STYLE type=text/css&
{background:url(博客最上方题图logo图片) no
repeat no scroll!}
更换页面横幅题图的源代码：
&STYLE type=text/css&
{background:url(横幅题图大图) no
repeat no scroll!}
更换页面横幅题图下面的菜单图片的源代码：
&STYLE type=text/css&
background:url("题图下的长条菜单图片") no-
更换页面文章标题栏上翻时的图片的源代码：
&STYLE type=text/css&
.feeds .up{
background:url("文章标题栏上翻时的图片") no-
更换页面文章标题栏下翻时的图片的源代码：
&STYLE type=text/css&
.feeds .down{
background:url("文章标题栏下翻时的图片") no-
更换页面文章结尾处评论阅读菜单栏的图片的源代码：
&STYLE type=text/css&
.feeds .function{
background:url("文章结尾处评论阅读菜单栏的图片") no-
更换页面空白面板标题栏上翻时图片的源代码：
&STYLE type=text/css&
.links .up{
background:url("空白面板标题栏上翻时图片");}
更换页面空白面板标题栏下翻时图片的源代码：
&STYLE type=text/css&
.links .down{
background:url(空白面板标题栏下翻时的图片);}
更换页面空白面板的背景图片的源代码：
&STYLE type=text/css&
.links .mid{
background:url(空白面板的背景图片);}
更换页面形象照片处的背景图片的源代码：
&STYLE type=text/css&
.photo .mid{
background:url(形象照片处的背景图片);}
更换页面自定义空白面板背景图片的源代码：
&STYLE type=text/css&
.label .mid{
background:url(自定义空白面板的背景图片);}
更换页面日历面板的背景图片的源代码：
&STYLE type=text/css&
.calendar .mid{
background:url("日历面板的背景图片");}
更换页面公告栏标题栏上翻时图片的源代码：
&STYLE type=text/css&
.callboard .up{
background:url("公告栏标题栏上翻时图片");}
更换页面公告栏标题栏下翻时图片的源代码：
&STYLE type=text/css&
.callboard .down{
background:url("公告栏标题栏下翻时图片");}
更换页面公告栏的背景图片的源代码：
&STYLE type=text/css&
.callboard .mid{
background:url("公告栏的背景图片");}
更换页面正文背景图片的源代码：
&STYLE type=text/css&
background:url("正文背景图片");}
更换页面正文背景图片的源代码：
&STYLE type=text/css&
.bodyBottom{
background:url("正文背景图片");}
更换页面正文文章页数图片的源代码：
&STYLE type=text/css&
.feeds .page{
background:url("正文文章页数图片") no-}
更换页面留言板标题栏上翻时的图片的源代码：
&STYLE type=text/css&
.gbook .up{
background:url('留言板标题栏上翻时的图片') no-}
更换页面留言板标题栏下翻时的图片的源代码：
&STYLE type=text/css&
.gbook .down{
background:url('留言板标题栏下翻时的图片') no-}
欢迎光临：.cn/u/
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。如何让页面在打开时自动刷新一次让图片全部显示
字体：[ ] 类型：转载 时间：
我的网页的图片较多，而服务器也不是很好，所以每次打开网页后总有一、两幅图片无法显示，但刷新一遍后又全部可显示了,这种问题相信每个人都遇到过，接下来介绍详细解决方法
代码如下: &script& function window.onload(){ if(location.href.indexOf('#reloaded')==-1){ location.href=location.href+"#reloaded" location.reload() } } &/script& &iframe src="/"&&/iframe&
----------------------------------------------------------------------------- 我的网页的图片较多，而服务器也不是很好，所以每次打开网页后总有一、两幅图片无法显示，但刷新一遍后又全部可显示了。 不想让浏览网页的人每次都点“刷新”按钮，请问如何在网页中加入一些代码，让网页在打开后又自动刷新一次？ --------------------------------------------------------------- 把下面代码加在&head& &/head&之间 &meta http-equiv=refresh content=5 & --------------------------------------------------------------- 三种方法： 1.&script&
代码如下: function refreshPage(the_duration) { setTimeout("self.location.reload();",the_duration*1000); } self.onload=function(){ refreshPage(1);//里面的1代表1秒,未刷新的间隔时间,你可以改成你想要的 }; &/script&
2.&body onload='setTimeout("location.reload()",1000)'& 3.&meta http-equiv="refresh" content=几秒& 只刷新一次： &body onload="location.replace()"& --------------------------------------------------------------- 来晚了，楼上兄说的对 --------------------------------------------------------------- 楼上这样的方法是每隔5秒钟就要刷新一次，对服务器的压力很大，如果在大量的请求连接以及服务器不是很好的情况下很可能变成服务器的当机。 所以比较好的办法是在用Javascript来实现。在装载完了以后刷新一下，只要用如下的代码：
代码如下: &SCRIPT LANGUAGE="JavaScript"& &!-- function refresh() { history.go(0); } setTimeout("refresh()",1000); //--& &/SCRIPT&
这个是在不管本页面的缓存情况下，向服务器重新请求一次。 setTimeOut 是在1秒钟以后刷新本页面。 把上面的代码放到&head& &/head&之间，以1000×n计算n秒以后刷新，替换1000； 试试看吧。
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具如何让网页中显示的图片大小合适
注册激活网站的用户可享受的各类免费服务：
高级建站付费功能：
圣博联系方式-在线QQ、座机电话、传真、索要发票以及汇款方式
中国圣博网站地图导航
如何让网页中显示的图片大小合适
&&& 我们制作网站的过程中经常会添加一些图片，很多是用数码相机拍下来的，一般占用空间近1M，可是在网页中我们需要显示的图片可能只要很小就可以了。所以我们就需要对图片进行简单的处理，把大尺寸的图片缩小。&&& 例如，本站首页右区块的“请您欣赏”，那里面的图片都是用数码相机拍下来的，为了幻灯片的显示效果，菲儿对它们进行的图片处理。下面我们就来讲解下，把数码相机拍出来的大图片修改成小图片的过程。&&& 1、准备工作：需要用到图片处理软件Adobe photoshop ，安装并启动该软件。&&& 2、在photoshop中打开数码相机中导出的图片：3、查看并修改图片的大小：点击菜单中的&& 图像－&图像大小，可以看到修改图像大小的窗口，如图三图三中，红色框中就是该图片的尺寸，这个原始尺寸是的，我们修改这个数值为 500×375，点击“好”。4、再看图片：同样的显示比例，已经小了很多。 ^o^提示：一般左右区块中显示的图片像素宽度不要超过200；图册中的图片像素宽度最好设定在600以内。这样既不会占用很多空间也不会影响打开的速度。
目前尚未有任何评论!!
Copyright & 圣博互联网 版权所有（软著登字第BJ3560号）
高新技术企业认定证书 11 浙ICP备号-2
企业QQ在线:电脑教程子分类