关于精确定位问题?

vnking 2009-02-14 03:02:03
以下两端几乎一模一样的代码


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v="urn:schemas-microsoft-com:vml">
<HEAD>
<title>测试图</title>
<STYLE>
v\:* {BEHAVIOR:url(#default#VML)}
</STYLE>
</HEAD>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="520" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ff00ff">
<tr height="20">
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
<td width="500"><img src="vml_x.png" width="500" height="20" /></td>
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
</tr>
</table>
<table width="520" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ff00ff">
<tr height="20">
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
<td width="500"><img src="vml_x.png" width="500" height="20" /></td>
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
</tr>
<tr height="300">
<td width="20"><img src="vml_y.png" width="20" height="300" /></td>
<td width="500"><img src="vml_o.png" width="20" height="300" /></td>
<td width="20"><img src="vml_y.png" width="20" height="300" /></td>
</tr>
<tr height="20">
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
<td width="500"><img src="vml_x.png" width="500" height="20" /></td>
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
</tr>
</table>
<table width="520" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ff00ff">
<tr height="20">
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
<td width="500"><img src="vml_x.png" width="500" height="20" /></td>
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
</tr>
</table>
</body>
</HTML>

以下的代码多一个空格

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v="urn:schemas-microsoft-com:vml">
<HEAD>
<title>测试图</title>
<STYLE>
v\:* {BEHAVIOR:url(#default#VML)}
</STYLE>
</HEAD>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="520" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ff00ff">
<tr height="20">
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
<td width="500"><img src="vml_x.png" width="500" height="20" /></td>
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
</tr>
</table>
<table width="520" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ff00ff">
<tr height="20">
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
<td width="500"><img src="vml_x.png" width="500" height="20" /></td>
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
</tr>
<tr height="300">
<td width="20"><img src="vml_y.png" width="20" height="300" /></td>
<td width="500"><img src="vml_o.png" width="20" height="300" /> </td>
<td width="20"><img src="vml_y.png" width="20" height="300" /></td>
</tr>
<tr height="20">
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
<td width="500"><img src="vml_x.png" width="500" height="20" /></td>
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
</tr>
</table>
<table width="520" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ff00ff">
<tr height="20">
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
<td width="500"><img src="vml_x.png" width="500" height="20" /></td>
<td width="20"><img src="vml_z.png" width="20" height="20" /></td>
</tr>
</table>
</body>
</HTML>

就是一个空格

<img src="vml_o.png" width="20" height="300" /> </td>


如果精确定位后,就看不到粉红色的背景了。

在ie浏览器下,前者可以精确定位,后者就露出空隙来,如果在firefox,opera都可以精确定位。

文中所用到的图片:vml_x.png (500x20)蓝色,vml_y (20x500)绿色,vml_z (20x20)青色,vml_o(500x300)灰色

请问在ie浏览器下,还有什么办法可以使用?
...全文
92 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
打字员 2009-02-20
  • 打赏
  • 举报
回复
所有Image加CSS


imgCSS{
display:block;
float:left;
}


Images外层父元素加CSS


.imgParent{
overflow:hidden;
}

f10icq 2009-02-20
  • 打赏
  • 举报
回复
微软的IE在处理细节时做得不是很精细!
vnking 2009-02-20
  • 打赏
  • 举报
回复
[Quote=引用 6 楼 a1234ca1234 的回复:]
那你就别加空格就完了呗
[/Quote]

我是不想加空格,但是要加回车键。

内嵌VML的代码!
a1234ca1234 2009-02-17
  • 打赏
  • 举报
回复
那你就别加空格就完了呗
xiaxiazhu119 2009-02-17
  • 打赏
  • 举报
回复
直接把图片做成td的background-image算了
birdstudio 2009-02-14
  • 打赏
  • 举报
回复
td img {display:block;}
vnking 2009-02-14
  • 打赏
  • 举报
回复
如果 width="20" 直至 width="494" 都可以,但是 width>"494" 就会撑出空隙来。
vnking 2009-02-14
  • 打赏
  • 举报
回复
楼上,加了 style="float:left;" 参数,两者都不行了。
xinyung 2009-02-14
  • 打赏
  • 举报
回复
<img src="vml_o.png" width="20" height="300" style="float:left;" /> </td>

61,111

社区成员

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

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