求解决: DT内 IE7 中图片底部有空隙。。 IE8就正常。。 代码附上

che2piaopiao 2010-12-23 05:42:46

<!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>test</title>
<style type="text/css">
.me{
border-bottom:1px solid #BADAA1;border-left:1px solid #BADAA1;border-top:1px solid #BADAA1;border-right:1px solid #BADAA1;background:url(green_skin.png) 0 -294px repeat-x;
}

.me dt span.more{
float:right;
position:relative;
line-height:25px;
padding-right:8px;
color:#596F37;
}
.me dt{
background-color:#FFF;
margin:0;
padding:0;
}
.light{
height:24px;
clear:both;
background:url(green_skin.png) 0 -188px repeat-x;
}
.light strong{
height:24px;
line-height:24px; !important;line-height:25px;
padding-left:8px;
padding-right:4px;
display:block;
float:left;
color:#316301;
letter-spacing:1px;
}
}

</style>
</head>

<body style="margin:0">
<div class="me">
<dt class='light'><strong>Test</strong><span class="more"></span></dt>

<dt style="color:#596F37;">
<A HREF="#" target=_blank><img src="http://www.baidu.com/img/baidu_logo.gif" style=" border: 1px #CCC solid; text-align:center;" width="240" height="80"></A>
</dt>

</div>
</body>
</html>

...全文
111 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
che2piaopiao 2010-12-23
  • 打赏
  • 举报
回复
谢谢了!!
higocn 2010-12-23
  • 打赏
  • 举报
回复
img {display:block}

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧