请高手帮我在下边加入能让图片自适应分辨率的代码~~谢谢~~~~~~~~

nounluck 楼主

<div>
&nbsp;</div>
<div>
&nbsp;</div>
<div>
&nbsp;</div>
<div>
&nbsp;</div>
<div class="box tshop-pbsm tshop-pbsm-ssd10c" data-spm="1103TrqR.1-8wjZW.3-4OR*R2">
<div class="shop-custom no-border">
  <div class="bd">
   <div class="custom-area">
    <div class="tshop-pbsm-sfs10c">
     <div class="shop-bbs">
      &nbsp;</div>
    </div>
   </div>
  </div>
</div>
</div>
<div class="box tshop-pbsm tshop-pbsm-ssd10c" data-spm="1103TrqR.1-8wjZW.3-4OR*R1">
<div class="shop-custom no-border">
  <div class="bd">
   <div class="custom-area">
    <div class="box tshop-pbsm tshop-pbsm-ssd10c" data-spm="1100065398505.111862844.4887138497">
     <div class="shop-custom no-border">
      <div class="bd">
       <div class="custom-area">
        <div class="box tshop-pbsm tshop-pbsm-ssd10c" data-spm="1100068148244.141895718.4835683530">
         <div class="shop-custom no-border">
          <div class="bd">
           <div class="custom-area">
            <div class="tshop-pbsm-sfs10c">
             <div class="shop-bbs">
              <div class="handle" style="z-index: 200; top: 90px; left: -45px">
               <table border="0" cellpadding="0" cellspacing="0" class="">
                <tbody>
                 <tr>
                  <td colspan="2" style="text-align: center">
                   <img alt="" src="http://20.www37.babidou.com/pic/2011/10/29/nounluck/%E5%BA%97%E9%9D%A2%E8%A3%85%E4%BF%AE/%E5%9C%A3%E8%AF%9E/%E5%BA%97%E6%8B%9BTTG.jpg" style="margin: 0px; float: none" /></td>
                 </tr>
                </tbody>
                <tbody>
                 <tr>
                 </tr>
                </tbody>
               </table>
               <div>
                &nbsp;</div>
               <div>
                &nbsp;</div>
               <div>
                &nbsp;</div>
              </div>
             </div>
            </div>
           </div>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
</div>
</div>
<div class="box tshop-pbsm tshop-pbsm-ssd10c" data-spm="1103TrqR.1-8wjZW.3-4OR*R6">
<div class="shop-custom no-border">
  <div class="bd">
   <div class="custom-area">
    <div class="J_TWidget tstart-msgtip" data-widget-config="{'fixed': true}" data-widget-type="Compatible" style="width: 25px; height: auto; top: 50px; left: 20px">
     <div class="cc-pf-left">
      &nbsp;</div>
    </div>
    <div class="J_TWidget hidden" data-widget-config="{'trigger':'.cc-pf-left','align':{'node':'.cc-pf-left','offset':[0,0],'points':['tl','tl']}}" data-widget-type="Popup">
     <table align="left" border="0" cellpadding="0" cellspacing="0" class="" height="36" width="124">
      <tbody>
       <tr>
        <td>
        </td>
       </tr>
      </tbody>
     </table>
     <div>
      &nbsp;</div>
     <div>
      &nbsp;</div>
     <div>
      &nbsp;</div>
     <div>
      &nbsp;</div>
     <div>
      &nbsp;</div>
    </div>
   </div>
  </div>
</div>
</div>

yaohaixiao

我估计你是要做图片自动适应窗口宽度，然后左右两侧的就隐藏掉是吗？
这个其实不难的，你需要需要把这个图片做成一个DIV，然后设置background:ur(path) 50% 0 no-repeat;