0

私は次の構造を持っています：

<td>
  <input name="foo" size="45"/>
</td>

そして、その後に動的に画像を挿入し、次のように入力内に配置します。

$j('<img class="icon-ketchup" style="display: none; position: relative; right: 35px; top: 7px;" src="http://localhost:82/pod/plugin_assets/webshop/images/icons/cross.png" />').show().insertAfter($j('input'));

私tdはと同じサイズで、要素inputのサイズを変更したくありません。tdこれをどのように達成することができますか？

4

1 に答える 1

1

絶対に配置する必要があります。Javascript は必要ありませんが、必要に応じて使用できます。http://jsfiddle.net/C7trn/を参照してください

HTML

<td style="position: relative; border: 2px solid black; padding: 5px;">
<input name="foo" size="45"/>
<img class="icon-ketchup" style="position: absolute; right: 5px; top: 7px;" src="http://localhost:82/pod/plugin_assets/webshop/images/icons/cross.png" />
</td>​

重要なのは、TDposition: relative;を作成してからイメージを作成することposition: absoluteです。これにより、画像が に対して絶対的に配置されtdます。

于 2012-09-07T15:51:17.200 に答える