当前位置: 代码迷 >> 跨浏览器开发 >> 求图片拉伸的CSS,要求跨浏览器解决办法
  详细解决方案

求图片拉伸的CSS,要求跨浏览器解决办法

热度:1007   发布时间:2014-02-23 23:10:32.0
求图片拉伸的CSS,要求跨浏览器
求图片拉伸的CSS,要求跨浏览器

<!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>
background-image背景图片不能用css进行拉伸
你可以用不同层高的div,图片放在层高较低的div里宽度和高度设100%,调div的宽和高拉伸的CSS?不懂,
建议放代码出来看看,或者搞一张效果图出来看看也行。

background-repeat: repeat-y;

这个是平放图片的代码。从browser left 到browser right
  相关解决方案