日期:2014-05-17  浏览次数:20743 次

求图片拉伸的CSS,要求跨浏览器
求图片拉伸的CSS,要求跨浏览器
------解决方案--------------------
background-image背景图片不能用css进行拉伸
你可以用不同层高的div,图片放在层高较低的div里宽度和高度设100%,调div的宽和高
------解决方案--------------------

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="GBK">

<title></title>
<style type="text/css">
.bg{

width:300px;
height:300px;
position:relative;
}
.pic{
position:absolute;
z-index:-1;
top:0px;
left:0px;
width:300px;
height:300px;
}
</style>
</head>
<body>
<div class="bg">
这里是正文的东西~~~~~~~~~~~<br />
这里是正文的东西~~~~~~~~~~~<br />
这里是正文的东西~~~~~~~~~~~<br />
这里是正文的东西~~~~~~~~~~~<br />
这里是正文的东西~~~~~~~~~~~<br />
<img class="pic" src="http://img03.taobaocdn.com/tps/i3/T1ci8_XhXwXXXXXXXX-490-170.png" />
</div>

</body>
</html>

------解决方案--------------------
拉伸的CSS?不懂,
建议放代码出来看看,或者搞一张效果图出来看看也行。

background-repeat: repeat-y;

这个是平放图片的代码。从browser left 到browser right