css样式实现整个页面背景使用一张图片
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css样式实现整个页面背景使用一张图片相关的知识，希望对你有一定的参考价值。
参考技术A 例子background-image: url(1.jpg);
width: 16px;
height: 16px;
background-position: -976px -480px;
1、指定背景图片
2、指定宽度和高度
3、指定需要图片的左上顶点
这样你整个网页需要的图标啊，背景啊什么东西都可以集成在一张图片里了 参考技术B <head>
<title></title>
</head>
<body>
<div style=" width:1000px; height:600px;(不平铺的图片就根据图片的大小来定，不然就会出现空白区域，平铺的宽高都可以随便设置) background-image:url(../image/123.jpg) no-repeat;(如果不平铺就加no-repeat这个样式，平铺就去掉)">
/*主题内容区域*/
</div>
</body> 参考技术C 去重复 就行了…………你知道吗 参考技术D bodybackground:url();本回答被提问者采纳
css 背景平铺
什么 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样式实现整个页面背景使用一张图片的主要内容，如果未能解决你的问题，请参考以下文章