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

求图片拉伸的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