我写了这样的一个css/*基本信息*/
body{font:12px Tahoma;margin:0px;text-align:center;background:url(bg.png) left top no-repeat}
但调用的时候图片是因定不变的.如果我不写no-repeat,图片会是重复的平铺.如何使图片在不出现重复的情况现拉伸呢,谢谢.
body{font:12px Tahoma;margin:0px;text-align:center;background:url(bg.png) left top no-repeat}
但调用的时候图片是因定不变的.如果我不写no-repeat,图片会是重复的平铺.如何使图片在不出现重复的情况现拉伸呢,谢谢.
设置下width=100%试下。
body 中没有这个属性设置下width=100%试下。
还有一种方法就是取图片有边的一小部分,另做一张图repeat这个图
不管怎么样都需要做图的技巧,让过渡得平滑
<div style="background:url(img/bg2.jpg) repeat-x;"><img src="img/banner2.jpg"/></div>img 是那个大图,css里是从大图右边截下来的一小部分
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='My Pictures/nav_bg.gif', sizingMethod='scale');
}
-->
</style>
</head>
<body>
</body>
</html>