1

テーブルセル内にアンカー要素があります。アンカーは後続のセルに重なる必要がありますが、テーブルの外側や div を含む場所に表示されないようにする必要があります。

HTML

<div>
  <table>
    <tbody>
      <tr>
        <th><span>Volkswagen Crafter CR30 SWB Diesel 2.5 BlueTDI 88PS Van</span> BF60GKK <br>updated 06 dec 17:49</th>
        <td>a</td>
        <td>z</td>
        <td>b</td>
        <td>c</td>
        <td>y</td>
        <td>x</td>
        <td><a style="width: 237.5%;left:37.5%" href="#"><span>John Smith, Provisional<br/>09:00 on 12 Dec<br/>18:00 on 14 Dec</span></a></td>
        <td>g</td>
      </tr>
    </tbody> 
  </table>
</div>​

CSS

div {overflow:hidden;display:inline-block;position:relative}
th,td {border:1px solid black; border-collapse:collapse; position:relative; width:50px; }
th {width:150px;}
td.d {background-color:#cdc;}
a {z-index:1000;position:absolute;width:300px;top:15px;left:5px;height:60px;overflow:hidden;background:#fdd;}

これは Chrome、IE8、IE9 で動作します…</p>

Chrome での正しいレンダリング

しかし IE7 では…</p>

IE7 での不適切なレンダリング

これを IE7 で動作させるにはどうすればよいですか?

ここで実際の例を参照してくださいhttp://jsfiddle.net/UrZDw/

また、IE7 は、背景色を持つセルの後ろにもアンカーを配置します。どうすればこれを修正できますか?

4

1 に答える 1

0 
table { overflow: hidden; }

次に、tdsはそれを継承するため、明示的に設定する必要があります。

table td { overflow: visible; }
于 2012-12-06T19:16:49.137 に答える