当前位置：首页 → 问答吧 → table选项卡，背景图片如何超出不隐藏

table选项卡，背景图片如何超出不隐藏

时间：2010-05-15

来源：互联网

table选项卡，背景图片如何超出不隐藏

最新更新下面是个boder-bommter:sodi 1px #ccc;
如何能让最新上传这个图片把下面的boder遮盖起来类似下面这个图

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>353.com</title> <link href="images/common.css" rel="stylesheet" type="text/css" /> <link href="images/list.css" rel="stylesheet" type="text/css" /> <style type="text/css"> /**公共**/ #content{ width:950px; margin:0 auto; padding-top:5px; background-color:#DDDDDD;} .index_list1 {width:100%;} .index_list1 ul {padding:10px;} .index_list1 ul li {line-height:22px; height:22px; color:#000; overflow:hidden;} .index_list1 ul li a {color:#172B66;} .index_list1 ul li span {float: right; color:#999;} .con2 {margin-top:5px;background:#DCDEDD; overflow:hidden; _height:1%;} .main_sub1 {} .main_sub1 h1 { padding:0 14px; font-size:12px; line-height:33px; font-weight:normal;} .main_sub1 h1 span { padding:0 14px; font-size:14px; line-height:33px;} .main h4,.main h4 a {color:#0088B6; font-weight:normal; font-size:12px; line-height:30px; padding-left:7px; padding-bottom:7px;} .sd03{cursor:pointer; background:url(table_2.gif) no-repeat ; width:73px; height:28px; text-align:center; margin-left:7px ; margin-right:7px; line-height:28px;} .sd04{cursor:pointer; background:url(table_1.gif) no-repeat ; width:73px; height:28px; text-align:center; margin-left:7px ; margin-right:7px; line-height:28px;} .hidden{display:none;} /**手机软件**/ #kuan {width:950px;} .leftlist {width:705px; float:left; background:#ffffff; border: solid 1px #ccc;} .rightlist {width:235px; float:right; background:#F5F5F5; border:solid 1px #ccc;} .leftlist_title { padding-left:12px; height:30px; line-height:30px;} .leftlist_type {width:705px;line-height:25px; border-bottom:solid 1px #ccc; margin-top:10px; overflow:hidden} .leftlist_type li {float:left} #cons { margin-top:20px; width:670px; margin-left:23px; border-bottom:dotted 1px #96C0F2; padding-bottom:5px;} #cons a.icon img { width:80px; height:93px; border:solid 4px #eee; float:left; margin-right:8px;} #cons .ti { width:570px; height:93px; overflow:hidden; float:right; margin-top:4px} #cons .ti .tit { height:23px;} #cons .ti .tit a.l{font-size:14px; float:left; font-weight:bold; color:#0088B6;} #cons .ti .tit a.r{float:right;} #cons .nr {height:70px; overflow:hidden;} #cons .nr li{height:18px; line-height:18px;white-space:normal;} #page {width:695px; margin:10px 5px;} .list_title_right { padding-left:24px; font-weight:bold; color: #FB5200; font-size:12px; line-height:30px; height:30px;} .list_right {width:220px; padding-top:5px; padding-bottom:10px;} .list_nr1 { width:200px; border:solid 1px #E8E8E8; background:#ffffff; margin-left:15px;} .list_nr1 li {height:20px; line-height:20px; color:000000;} .list_tu {padding:10px;} .list_tu li { float:left; margin-bottom:3px; margin-right:5px;} .list_tu li a.tu img {width:80px; height:93px; border:solid 3px #eee; display:block; margin-bottom:3px;} .list_tu li a.ti {width:80px; padding-left:5px;} /**手机游戏**/ #cong { margin-top:20px; width:670px; margin-left:23px; padding-bottom:5px;} #cong a.icon img { width:90px; height:90px; border:solid 4px #eee; float:left; margin-right:8px;} #cong .ti { width:562px; height:93px; overflow:hidden; float:right; margin-top:4px} #cong .ti .tit { height:23px;} #cong .ti .tit a.l{float:left; } #cong .ti .tit a.l1{font-size:14px; float:left; font-weight:bold; color:#0088B6;} #cong .ti .tit a.r{float:right; color:#EA7500} #cong .nr {height:70px; overflow:hidden;} #cong .nr li{height:18px; line-height:18px;white-space:normal;} </style> <script type="text/javascript" src="images/global_mi.js"></script> <script type="text/javascript" src="images/cookie.js"></script> <script type="text/javascript"> function scrollDoor(){ } scrollDoor.prototype = { sd : function(menus,divs,openClass,closeClass){ var _this = this; if(menus.length != divs.length) { alert("菜单层数量和内容层数量不一样!"); return false; } for(var i = 0 ; i < menus.length ; i++) { _this.$(menus[i]).value = i; _this.$(menus[i]).onmouseover = function(){ for(var j = 0 ; j < menus.length ; j++) { _this.$(menus[j]).className = closeClass; _this.$(divs[j]).style.display = "none"; } _this.$(menus[this.value]).className = openClass; _this.$(divs[this.value]).style.display = "block"; } } }, $ : function(oid){ if(typeof(oid) == "string") return document.getElementById(oid); return oid; } } window.onload = function(){ var SDmodel = new scrollDoor(); SDmodel.sd(["m01","m02"],["c01","c02"],"sd03","sd04"); } </script> <script>  </script> </head> <body>  <div id="header">  <div class="title"><span>手机访问 wap.353.com | 设为首页 | 加入收藏夹</span>我的手机，我的353！ | 选定机型下载手机资源</div>  <div class="headertop">  <div class="logo"><a href="#"><img src="images/logo.jpg" border="0" /></a></div>  <div class="menu"> <ul> <li><a href="#" id="menuhover">首页</a></li> <li><a href="#">手机游戏</a></li> <li><a href="#">手机网游</a></li> <li><a href="#">手机软件</a></li> <li><a href="#">游戏宝典</a></li> <li><a href="#">软件宝典</a></li> <li><a href="#">手机必备</a></li> <li><a href="#">353玩玩</a></li> </ul> </div> </div>  <div class="menu_xh margin4">  <div class="menu_sub"> <ul> <li><a href="#">诺基亚</a></li> <li><a href="#">IPHONE</a></li> <li><a href="#">GPHONE</a></li> <li><a href="#">三星</a></li> <li><a href="#">摩托</a></li> <li><a href="#">索爱</a></li> <li><a href="#">多普达</a></li> <li><a href="#">L G</a></li> <li><a href="#">联想</a></li> <li><a href="#">TCL</a></li> <li><a href="#">黑莓</a></li> <li><a href="#">其它品牌</a></li> </ul> </div>  <div class="hotword">热门机型： iPone3.X iPhone2.X iPhone1.0.2 iPhone1.1.1 iPhone1.1.2 iPhone1.1.3 iPhone1.1.4 更多>></div>  <div class="search"> <select> <option>型号</option> </select> <input name="" class="input1" type="text" /><input type="button" class="input2" value="搜索" /> <span>热门：麻将后宫风云后宫便便雨Poo Rain 皇牌空战 JAVAjbed</span> </div> </div> </div>  <div id="content"> <div class="con2 main"> <div class="main_sub1" style="background:url(images/main_sub_h2.jpg) no-repeat"> <h1><span>手机软件</span></h1> <h4><a target="_blank" href="/ng/down/">角色扮演</a> |<a target="_blank" href="/ng/new/">动作游戏</a> | <a target="_blank" href="/ng/pingce/">飞行射击</a> | <a target="_blank" href="/ng/pingce/">网游评测</a> | <a target="_blank" href="/ng/huodong/">网游活动</a></h4> </div></div> <div id="kuan">  <div class="leftlist"> <div class="leftlist_title top_bo">您当前的位置：<a href="">首页</a> > <a href="">手机软件</a> > <a href="">多媒体</a></div> <div class="leftlist_type"><li class="sd03" id="m01">最新上传</li> <li class="sd04" id="m02">浏览最多</li></div>  <div id="c01"> <div id="cons"> <a href="" class="icon"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <div class="ti"> <div class="tit"><a href="" class="l">Epaly 汉化版2.220</a> <a href="" class="r"><img src="images/xiangxi.jpg" border="0" /></a></div> <div class="nr"><li>软件等级：★★★☆☆</li><li>软件类型：多媒体</li><li>更新时间：2010-05-21</li><li>介绍：份额服务俄方为俄国巍峨给我哦给全文发起从萨达是</li></div> </div> </div>  <div id="cons"> <a href="" class="icon"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <div class="ti"> <div class="tit"><a href="" class="l">Epaly 汉化版2.220</a> <a href="" class="r"><img src="images/xiangxi.jpg" border="0" /></a></div> <div class="nr"><li>软件等级：★★★☆☆</li><li>软件类型：多媒体</li><li>更新时间：2010-05-21</li><li>介绍：份额服务俄方为俄国巍峨给我哦给全文发起从萨达是</li></div> </div> </div> <div id="cons"> <a href="" class="icon"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <div class="ti"> <div class="tit"><a href="" class="l">Epaly 汉化版2.220</a> <a href="" class="r"><img src="images/xiangxi.jpg" border="0" /></a></div> <div class="nr"><li>软件等级：★★★☆☆</li><li>软件类型：多媒体</li><li>更新时间：2010-05-21</li><li>介绍：份额服务俄方为俄国巍峨给我哦给全文发起从萨达是</li></div> </div> </div> <div id="cons"> <a href="" class="icon"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <div class="ti"> <div class="tit"><a href="" class="l">Epaly 汉化版2.220</a> <a href="" class="r"><img src="images/xiangxi.jpg" border="0" /></a></div> <div class="nr"><li>软件等级：★★★☆☆</li><li>软件类型：多媒体</li><li>更新时间：2010-05-21</li><li>介绍：份额服务俄方为俄国巍峨给我哦给全文发起从萨达是</li></div> </div> </div> <div id="cons"> <a href="" class="icon"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <div class="ti"> <div class="tit"><a href="" class="l">Epaly 汉化版2.220</a> <a href="" class="r"><img src="images/xiangxi.jpg" border="0" /></a></div> <div class="nr"><li>软件等级：★★★☆☆</li><li>软件类型：多媒体</li><li>更新时间：2010-05-21</li><li>介绍：份额服务俄方为俄国巍峨给我哦给全文发起从萨达是</li></div> </div> </div> <div id="cons"> <a href="" class="icon"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <div class="ti"> <div class="tit"><a href="" class="l">Epaly 汉化版2.220</a> <a href="" class="r"><img src="images/xiangxi.jpg" border="0" /></a></div> <div class="nr"><li>软件等级：★★★☆☆</li><li>软件类型：多媒体</li><li>更新时间：2010-05-21</li><li>介绍：份额服务俄方为俄国巍峨给我哦给全文发起从萨达是</li></div> </div> </div> <div id="page"> <div class="sabrosus"> <a href='list_1195_1.html'>首页</a> <a href='list_1195_1.html'>上一页</a> <a href='list_1195_1.html'>1</a> <span class="thisclass">2</span> <a href='list_1195_3.html'>3</a> <a href='list_1195_4.html'>4</a> <a href='list_1195_5.html'>5</a> <a href='list_1195_6.html'>6</a> <a href='list_1195_7.html'>7</a> <a href='list_1195_3.html'>下一页</a> <a href='list_1195_93.html'>末页</a> </div></div> </div> <div id="c02" class="hidden"> <div id="cons"> <a href="" class="icon"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <div class="ti"> <div class="tit"><a href="" class="l">Epaly 汉化版2.220</a> <a href="" class="r"><img src="images/xiangxi.jpg" border="0" /></a></div> <div class="nr"><li>软件等级：★★★☆☆</li><li>软件类型：多媒体</li><li>更新时间：2010-05-21</li><li>介绍：份额服务俄方为俄国巍峨给我哦给全文发起从萨达是</li></div> </div> </div>  <div id="cons"> <a href="" class="icon"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <div class="ti"> <div class="tit"><a href="" class="l">Epaly 汉化版2.220</a> <a href="" class="r"><img src="images/xiangxi.jpg" border="0" /></a></div> <div class="nr"><li>软件等级：★★★☆☆</li><li>软件类型：多媒体</li><li>更新时间：2010-05-21</li><li>介绍：份额服务俄方为俄国巍峨给我哦给全文发起从萨达是</li></div> </div> </div> <div id="cons"> <a href="" class="icon"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <div class="ti"> <div class="tit"><a href="" class="l">Epaly 汉化版2.220</a> <a href="" class="r"><img src="images/xiangxi.jpg" border="0" /></a></div> <div class="nr"><li>软件等级：★★★☆☆</li><li>软件类型：多媒体</li><li>更新时间：2010-05-21</li><li>介绍：份额服务俄方为俄国巍峨给我哦给全文发起从萨达是</li></div> </div> </div> <div id="cons"> <a href="" class="icon"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <div class="ti"> <div class="tit"><a href="" class="l">Epaly 汉化版2.220</a> <a href="" class="r"><img src="images/xiangxi.jpg" border="0" /></a></div> <div class="nr"><li>软件等级：★★★☆☆</li><li>软件类型：多媒体</li><li>更新时间：2010-05-21</li><li>介绍：份额服务俄方为俄国巍峨给我哦给全文发起从萨达是</li></div> </div> </div> <div id="cons"> <a href="" class="icon"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <div class="ti"> <div class="tit"><a href="" class="l">Epaly 汉化版2.220</a> <a href="" class="r"><img src="images/xiangxi.jpg" border="0" /></a></div> <div class="nr"><li>软件等级：★★★☆☆</li><li>软件类型：多媒体</li><li>更新时间：2010-05-21</li><li>介绍：份额服务俄方为俄国巍峨给我哦给全文发起从萨达是</li></div> </div> </div> <div id="cons"> <a href="" class="icon"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <div class="ti"> <div class="tit"><a href="" class="l">Epa44 汉化版2.220</a> <a href="" class="r"><img src="images/xiangxi.jpg" border="0" /></a></div> <div class="nr"><li>软件等级：★★★☆☆</li><li>软件类型：多媒体</li><li>更新时间：2010-05-21</li><li>介绍：份额服务俄方为俄国巍峨给我哦给全文发起从萨达是</li></div> </div> </div> <div id="page"> <div class="sabrosus"> <a href='list_1195_1.html'>首页</a> <a href='list_1195_1.html'>上一页</a> <a href='list_1195_1.html'>1</a> <span class="thisclass">2</span> <a href='list_1195_3.html'>3</a> <a href='list_1195_4.html'>4</a> <a href='list_1195_5.html'>5</a> <a href='list_1195_6.html'>6</a> <a href='list_1195_7.html'>7</a> <a href='list_1195_3.html'>下一页</a> <a href='list_1195_93.html'>末页</a> </div></div> </div> </div> <div class="rightlist"> <div class="list_right"><div class="list_title_right">精彩推荐</div> <div class="list_nr1"><div class="list_tu"> <li><a href="" class="tu"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <a href="" class="ti">生物闹钟12.5</a></li> <li><a href="" class="tu"><img src="http://down.353.com/down/wangluotongxin/201004091540037594353.COM.png" /></a> <a href="" class="ti">生物闹钟12.5</a></li> </div></div> </div> <div class="list_right"><div class="list_title_right">今日热点下载</div> <div class="list_nr1"><div class="index_list1"><ul> <li><a href=''>·文状元勇闯江湖</a></li> <li><a href=''>·梦幻群侠传之天</a></li> <li><a href=''>·音乐电视星工厂</a></li> <li><a href=''>·实况足球胜利十</a></li> <li><a href=''>·吃豆人卡丁车拉</a></li> <li><a href=''>·斩仙录天煞孤星</a></li> <li><a href=''>·战争BattleChanger</a></li> <li><a href=''>·病毒危机CyberBl</a></li></ul> </div></div> </div> </div>  </div></div>  <div id="footer"> <div class="copyright"> <div class="about"><a href="#">关于353</a> | <a href="#">版权申明</a> | 帮助中心 | 联系我们 </div> 353手机[353.com]让您免费下载最精彩的手机游戏和手机软件 <br /> Copyright 2009-2010 353.com All Rights Reserved 蜀ICP备10016009号<br /> </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 yoorxee 于 2010-5-15 10:31 编辑 ]

作者: yoorxee 发布时间: 2010-05-15

给底部加个 border-bottom

作者: millionfor 发布时间: 2010-05-15

首先，先把英文单词书写正确，咱不会背，还不会抄吗？不要自己造。

另外，你这个问题，如果可以，请把代码都发上来。虽然问题不难，可还是要根据你的代码来解决。

作者: display 发布时间: 2010-05-15

代码已经贴出来啊求答案

作者: yoorxee 发布时间: 2010-05-15