0

Chrome/Firefoxではなく、IE6で必要なコードがあります。

IE6では、私が望んでいた/期待したように、imgはtdに対する絶対位置で表示されます。Firefix/Chrome では、img は外側の div に対して相対的に表示されます。

<div>
      <table>
            <tr>
                <td class="rel cell">
                    <img src="style/easypos_mobile/icons/pencil.png" class="icon" onclick="_onclick.newArticle_andraNr();"/>
                </td>
            </tr>
     </table>
</div>

.rel
{
    position: relative;
}

.icon
{
    position: absolute;
    top: 3px;
    right: -23px;
}

.cell
{
    width: 186px;
}
4

1 に答える 1

1

このようなものを見つけました:


仕様では、テーブルセルが絶対配置オブジェクトのコンテナーとして機能できる かどうかを決定するために、ユーザーエージェントに開かれたままになっています。http://www.w3.org/TR/CSS21/visuren.html#propdef-position (table-row-group、table-header-group、table-footer-group に対する「position:relative」の「効果」に注意してください、table-row、table-column-group、table-column、table-cell、および table-caption 要素は定義されていません')。

これで修正されました：

<table><tr>
   <td style="position: relative; width: 180px;">
     <div style="position:relative;width:100%;height:100%;">
       <img src="imageA.gif" class="status">
       <img src="imageB.gif" class="status">
     </div>
  </td>
</tr></table>
于 2011-06-13T08:54:43.793 に答える