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