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

背景图自适应分辨率的问题!
一张2400*1600的背景大图 如何在1366*768的分辨率下完全显示啊?

我现在在body{内设置大图,没有用,大图也显示不完}

如何用一张大图  在不同分辨率 都是显示一样效果的图片 只是缩放而已!
求高手!

------解决方案--------------------
把背景作为直接写IMG形式,不用 background的CSS样式来写
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content=""> <head>
<style type="text/css">
#div1{position:fixed;
   top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:-1;
}
 
#div1  img {
 height:100%;
    width:100%;
    border:0;
}
</style>
</head>
<body>
<div id="div1"><img id="div1" src="banner.gif" /><!--这里是背景图--></div>
<div style="height:900px;">fdfdfd</div>
</body>
</html>