Question

<style>
.special p { display:none; }
.special:hover p { display:block; }
</style>

<table>
  <tr>
    <td style="width:200px">Things</td>
    <td style="position:relative; width:220px">
      <div style="position:absolute;right:0" class="special">
        <img id="shows" />
        <p>Variable width upto, say 600px (Will be hidden until this td is :hovered</p>
      </div>
    </td>
  </tr>
  <tr>
    <td style="width:200px">Things</td>
    <td style="position:relative; width:220px">
      <div style="position:absolute;right:0" class="special">
        <img id="shows" />
        <p>Variable width upto, say 600px (Will be hidden until this td is :hovered</p>
      </div>
    </td>
  </tr>
</table>

我能否做这项工作? e. 我能否将<条码>#special p扩大至情况之首? 由于我目前设立了<代码>#special。在220 px宽的拖网外,也取得了一定的进展。任何想法?

Answer 1

我仍然不清楚,但试图这样做。这将使贸发会议在显示内容时能够增长。

<table>
  <tr>
    <td style="width:200px">Things</td>
    <td style="text-align: right;">
      <div class="special">
        <img id="shows" />
        <p>Variable width upto, say 600px (Will be hidden until this td is :hovered</p>
      </div>
    </td>
  </tr>
</table>

Answer 2

I m 不是100%确保你想要达到的目标,而是放弃<代码>: from the td,并订立.special p s : final,但不是specials本人?

这样,您的<代码>特殊要素将载于正常的表格流中,而封顶的段落将离开表层。

友情链接