欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

求图片拉伸的css,要求跨浏览器,该怎么处理

更新时间: 2014-01-05 01:57:05 责任编辑: Author_N1

 

求图片拉伸的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
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:57:05
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/3549/
本文WWW.DOC100.NET DOC100.NET版权所有。