大家帮帮个忙！！！！

本帖最后由 honglei8485 于 2011-03-17 20:56:07 编辑

解决方案 »

  1.   

    CSS实现不了图片的功能，它能排版文字图片！但是它不是图片！
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <style type="text/css">
    #HEAD { width: 100%; }
    #HEAD div.top { width: 100%; overflow: hidden; height: 25px; background: #EEE; border-bottom: 1px solid #CCC; }
    #HEAD div.top span { display: block; float: left; height: 25px; padding-left: 19px; padding-top: 6px; }
    #HEAD div.top span.phone { background: url(http://www.tabimado.net.cn//img/head.gif) -10px -10px; color:#333333;}
    #HEAD div.top span.cell { background: url(http://www.tabimado.net.cn//img/head.gif) -10px -45px; margin-left: 12px; color:#333333;}
    #HEAD div.top span.onlineserv { background: url(http://www.tabimado.net.cn//img/head.gif) -170px -45px; margin-left: 12px; padding-left:36px; }
    #HEAD div.top span.onlineserv a,#HEAD div.top span.onlineserv a:hover { color:#333333;} #HEAD div.top ul { float: right; overflow: hidden; padding-top: 6px; padding-right: 8px; }
    #HEAD div.top ul li { float: left; color: #666; }
    #HEAD div.top ul li.right { margin-left: 19px; color: #c1c1c1; }
    #HEAD div.top ul li a { color: #666; }
      </style>
     </HEAD> <BODY>
    <div id="HEAD">
             <div class="top">
                 <span class="phone">800-820-2922</span>
                 <span class="cell">400-820-2922</span>
                 <span class="onlineserv"><a href="http://chat.5251.net/client.jsp?companyId=32685&amp;style=66475" target="_blank" title="在线客服">在线客服</a></span>
                 <ul id="BARSPAN">
     <li>您好，欢迎来旅之窗！</li>
     <li class="right"><a href="/gb_reserveconfirm.html">请登录</a> | <a href="/gb_member_regist.html?f_ra=null">免费注册</a> | <a href="/portal/gbmy/gb_login.main">订单管理</a> | <a href="/faq/">帮助</a></li>
     </ul>
       </div>
     </BODY>
    </HTML>
    用firefox的firebug抓取代码