文章/答案/技术大牛

发布

社区首页 >问答首页 >使用CSS在IE7中隐藏溢出的表单元格内容

问使用CSS在IE7中隐藏溢出的表单元格内容
EN

Stack Overflow用户

提问于 2012-12-07 03:14:23

回答 1查看 259关注 0票数 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…

但不是在IE7…中

如何在IE7中实现此功能？

请参阅此处的工作示例http://jsfiddle.net/UrZDw/

此外，IE7还将锚点放在具有背景颜色的单元格后面。我该如何解决这个问题呢？

internet-explorer-7

html

css

回答 1

Stack Overflow用户

发布于 2012-12-07 03:16:49

table { overflow: hidden; }

然后你的td将继承它，所以你需要显式地设置：

table td { overflow: visible; }

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13750830

复制

相似问题

问使用CSS在IE7中隐藏溢出的表单元格内容
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用CSS在IE7中隐藏溢出的表单元格内容EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用CSS在IE7中隐藏溢出的表单元格内容
EN