td在relative模式下,IE9不显示border,chrome正常显示边框

百度上怎么也搜不出答案,很奇怪的问题。在IE9的 F12调试中,明明td有1个像素的边框,偏偏不显示。

最后用bing搜索,找到老外的帖子。就立马解决问题。 这让我感觉像是,一般医生折腾也看不好病,好医生总能一语中的。对国外同行由衷佩服。

/*这样不显示边框*/
.thisTd
{
    position:relative;
}
/*第一个老外说这样,立马有边框*/
.thisTd
{   z-index=-1;
    position:relative;
}

但这样,td是显示在table之下的,当移动时,会被table的其它部门盖住。

/*第二个老外说这样,成功*/
.thisTd
{    background-clip: padding-box;
    position:relative;
}

原来背景也有边界的:决定背景会盖住哪些部分。

background-clip: border-box    
background-clip: padding-box
background-clip: content-box

background-clip: inherit

豁然开朗!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏HTML5学堂

HTML5发展历程

HTML5发展历程 HTML5学堂:HTML5应该说是一个新名词了,由最初的网页设计与制作,发展到WEB前端开发工程师,又演变出HTML5的“新名词”。那么H...

37860
来自专栏闻道于事

两个HTML,CSS布局实例

今天首先仿照某公司页面只做了一个几乎一模一样,连距离都相同的页面。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T...

78860
来自专栏我分享我快乐

学生问:如何绘制这种圆润图标底色

前言:学生们在学习ps软件的过程中非常的认真与努力,所以对于软件的使用可以说已经很熟练了,可是为什么当我们给学生安排一些原创设计需求的时候,学生却有种无从下手的...

385140
来自专栏java一日一条

未来 Web 设计的 7 大趋势

关于Web设计的未来趋势,我相信很多文章都有涉及。下面就让我带你总结一下哪些才是真正的预言。

9610
来自专栏重庆的技术分享区

前端学习之路(从入门到...)

互联网的快速发展和激烈竞争,用户体验成为一个重要的关注点,导致专业前端工程师成为热门职业,各大公司对前端工程师的需求量都很大,要求也越来越高,优秀的前端工程师更...

536170
来自专栏理论坞

电商设计中的极简设计

电子商务经过了几年的发展已经逐渐成熟,并且已经发展出了自己的模式和风格。但是对于电商的设计风格大多数人还停留在最初的用商品堆砌+文字信息+各种乱七八糟的效果。而...

10820
来自专栏WOLFRAM

今天跟大家分享一下各种二维图形统计图的绘制方法...

17320

四个最好的SaaS财务软件

现在我们来谈谈一些最好的SaaS财务软件。是的,我知道我已经多次发布过这样的名单。但事实就是这样,新软件在不断出现或者原有软件通过改进,超越之前最好的软件,我会...

1.8K100
来自专栏前端知识分享

第72天:jQuery实现下拉菜单

1、块元素居中:给块元素本身设置:margin:0 auto;,块元素必须设置宽度

11020
来自专栏邵宗文的专栏

大型网站架构及优化

本次很荣幸能邀请到邵宗文为我们带来《大型网站架构设计及优化》主题分享。他有10多年运营开发、海量运维和架构规划经验,精通海量服务的架构设计和自动化运维建设,目前...

30110

扫码关注云+社区

领取腾讯云代金券