css 背景平铺

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 背景平铺相关的知识,希望对你有一定的参考价值。

什么 background-repeat:repeat; repeat-x之类的就不用说了,试过了,如果内容够多的话,那么他是直接往下铺的时候是接着从头开始的图片,相当于是一张一张重复往下平铺,这根本就不是我要的效果,我要的效果是一个网页仅只有一张背景图片,也就是不需要重复平铺,网上搜的那些都是repeat,如果图片大小不够就重复平复

总之要实现的效果相当于 背景图片等于整个网页的宽和整个网页的高,就是这样的效果,强调不是重复平铺
代码是asp.net(C#) 如果能用c#代码也行
还有加img ,z-index也和我的一些内容会有冲突,这里不多说

不平铺应该是background-repeat:no-repeat;背景图片等于整个网页的宽和整个网页的高不好实现,因为图片会变形,屏幕太大会让图片失真,用大图片又会影响网页打开速度,追问

这些我也知道,不过这点不用担心,我的图片分辨率高,网页速度先不考虑,听说js可以实现代码,你知道代码么?

追答

body background: url("pic.yupoo.com/...tq.jpg") repeat-xy;

参考技术A <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
</head>
<body>
<div>
<input type="text" onkeypress="set(this)"/>
<div id="div123" style="background-color:Yellow; float:left;"></div>
</div>
<script type="text/javascript">
function set(tag)
document.getElementById("div123").innerHTML=tag.value;

</script>
</body>
</html>

我觉得楼主问的,估计设定background-color就可以了追问

不是这样额,这样相当于是背景没够着的地方用背景颜色代替么?我的效果是背景图片=网页背景宽*网页背景高

本回答被提问者采纳

以上是关于css 背景平铺的主要内容,如果未能解决你的问题,请参考以下文章

CSS布局:背景图片设置不平铺,结果平铺了;啥情况?只有在火狐下正常,其他浏览器平铺。 字幕D家居这个

css 背景色如何平铺

急!!如何用css实现背景图片纵向平铺???

css中 背景图片全面平铺 的代码是啥

这个CSS背景代码,怎么改一下就可以把背景图片平铺呢?

css