【发布时间】:2011-01-28 04:29:27
【问题描述】:
我创建了几个大小不同的按钮,我需要在其上应用阴影。 我用表格来做这一切,但 IE7 不断调整我的 TD 的大小以获取阴影。
代码如下:
<table cellpadding="0">
<tr>
<td colspan="3">
<a href="link">
<input type="button" value="All Categories" style="-moz-border-radius: 12px; border-radius: 12px; background: url(gbtnback.png); padding-bottom: 2px; padding-right: 5px; padding-left: 5px; color:#FFFFFF; height: 21px; cursor: pointer;">
</a>
</td>
</tr>
<tr>
<td width="27"><img src="shd1.png" height="13" width="27"></td>
<td><img src="shd2.png" height="13" width="100%"></td>
<td width="24"><img src="shd3.png" height="13" width="24"></td>
</tr>
</table>
它在 FF 中完美运行,但 IE7 不断调整这三个 TD 的大小在较低的 TR... 这可以解决吗? 我尝试使用 table-layout: fixed;但没有运气......
【问题讨论】: