读书人

求图片拉伸的CSS要求跨浏览器,该如何

发布时间: 2012-03-04 11:13:33 作者: rapoo

求图片拉伸的CSS,要求跨浏览器
求图片拉伸的CSS,要求跨浏览器

[解决办法]
background-image背景图片不能用css进行拉伸
你可以用不同层高的div,图片放在层高较低的div里宽度和高度设100%,调div的宽和高
[解决办法]

HTML code
<!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

读书人网 >跨浏览器开发

热点推荐