如何设置网页的背景图片不重复不平铺？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何设置网页的背景图片不重复不平铺？相关的知识，希望对你有一定的参考价值。
背景图片不重复不平铺，可以这样设定背景：
1、<body style="background-image: url("图片文件地址"); background-attachment: fixed;">
这样背景图片就会固定住，不会因页面滚动而重复。
2、使图在任何大小的屏幕都不会显示重复，可以这样设定背景（图像不平铺）：
<body style="background-image: url("图片文件地址"); background-repeat:no-repeat;">
3、两者结合，就是：<body style="background-image: url("图片文件地址"); background-repeat:no-repeat; background-attachment: fixed;">
扩展资料
超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：
简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
通用性：另外，html是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
参考资料 百度百科 HTML
参考技术A background-repeat:no-repeatcss 背景平铺
什么 background-repeat:repeat; repeat-x之类的就不用说了，试过了，如果内容够多的话，那么他是直接往下铺的时候是接着从头开始的图片，相当于是一张一张重复往下平铺，这根本就不是我要的效果，我要的效果是一个网页仅只有一张背景图片，也就是不需要重复平铺，网上搜的那些都是repeat，如果图片大小不够就重复平复
总之要实现的效果相当于 背景图片等于整个网页的宽和整个网页的高，就是这样的效果，强调不是重复平铺
代码是asp.net(C#) 如果能用c#代码也行
还有加img ,z-index也和我的一些内容会有冲突，这里不多说
这些我也知道，不过这点不用担心，我的图片分辨率高，网页速度先不考虑，听说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布局：背景图片设置不平铺，结果平铺了；啥情况？只有在火狐下正常，其他浏览器平铺。 字幕D家居这个
如何把网页中的背景图片设置成居中切不会平铺，谁能帮我改一下？